diff --git a/src/postorius/static/postorius/css/style.css b/src/postorius/static/postorius/css/style.css index 5037a5e..440698e 100755 --- a/src/postorius/static/postorius/css/style.css +++ b/src/postorius/static/postorius/css/style.css @@ -228,9 +228,17 @@ } /* login form */ +#container { + width: 600px; + margin: 0 auto; +} .mm_login { - width: 400px; - margin: 40px auto; + width: 300px; + float: left; +} +.mm_login_b { + width: 200px; + float: right; } .mm_login label { display: block; diff --git a/src/postorius/templates/postorius/login.html b/src/postorius/templates/postorius/login.html index 7f98612..e999f3e 100644 --- a/src/postorius/templates/postorius/login.html +++ b/src/postorius/templates/postorius/login.html @@ -3,39 +3,29 @@ {% load i18n %} {% load staticfiles %} {% block main %} - -
-

Login with username and password

- -
{% csrf_token %} - {{ form.as_p }} -
- -
-
- -
- - - -

Login using BrowserID

- -
{% csrf_token %} - - Login using BrowserID -
-

New user? Click on 'sign in' button to get started.

-
+
+

Login with username and password or with Mozilla Persona

+ +
+ +
+ +
+
{% csrf_token %} + + Login using BrowserID +
+

Mozilla Persona is an easy way to sign into multiple websites, while still controlling your personal data. For more information see the mozilla website

+
+
+
+
{% endblock %} {% block additionaljs %}