Fix login styles

static/css/footer.css

@@ -1,24 +1,7 @@
 footer {
     background-color: #f5f5f5;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
 }
-
-/*footer .container .col .nav .nav-item {
-    display: inline-block;
-    margin-right: 3vh;
-}
-
-.lang-button {
-    height: 4vh;
-    width: 6vh;
-    margin-left: 1vh;
-    margin-right: 1vh;
-}
-
-.lang-select {
-    width: 10rem;
-    display: inline-block;
-}
-
-footer .lang-form {
-    margin: 1rem auto 0;
-}*/

templates/login.html

@@ -2,18 +2,14 @@
 {% load i18n %}
 
 {% block content %}
-<div class="container">
-    <div class="d-flex justify-content-center">
     <h1>SIK Admin</h1>
-    </div>
-    <div class="d-flex justify-content-center">
     <form method="POST" class="form-horizontal" action=""> {% csrf_token %}
         <div class="form-group">
-                <label for="input-username" class="col-sm-2 col-form-label">{% trans "Username" %}</label>
+            <label for="input-username" class="col-form-label">{% trans "Username" %}</label>
             <input type="text" name="username" id="input-username" class="form-control" placeholder="{% trans "Username" %}"></input>
         </div>
         <div class="form-group">
-                <label for="input-password" class="col-sm-2 col-form-label">{% trans "Password" %}</label>
+            <label for="input-password" class="col-form-label">{% trans "Password" %}</label>
             <input type="password" name="passwd" id="input-passwd" class="form-control" placeholder="{% trans "Password" %}"></input>
         </div>
         <div class="form-group">
@@ -26,6 +22,5 @@
             <button type="submit" class="btn btn-primary">{% trans "Log in" %}</button>
         </div>
     </form>
-    </div>
 </div>
 {% endblock content %}

templates/login_base.html

@@ -5,12 +5,13 @@
 
 {% block body %}
 {% block header %}
+<link rel="stylesheet" href="{% static "css/login.css" %}" />
 <div class="header">
     {% include "sik_header.html" %}
 </div>
 {% endblock %}
 
-<div class="page-content">
+<div class="login container">
     {% block content %}
     {% endblock %}
 </div>

templates/password_reset/recovery_form.html

@@ -1,12 +1,12 @@
 {% extends "password_reset/base.html" %}
 {% load i18n %}
-
-{% block title %}{% trans "Password recovery" %}{% endblock %}
+{% load bootstrap3 %}
 
 {% block content %}
-	<form method="post" action="{{ url }}">
+<h1>{% trans "Password recovery" %}</h1>
+<form method="post" action="{{ url }}">
 	{% csrf_token %}
-		{{ form.as_p }}
-		<p><input type="submit" value="{% trans "Send" %}"></p>
-	</form>
+	{% bootstrap_form form %}
+	<p><input class="btn btn-primary" type="submit" value="{% trans "Send" %}"></p>
+</form>
 {% endblock %}

webapp/static/css/login.css

@@ -1,40 +1,3 @@
-html {
-  width: 100%;
-  height: 100%;
-}
-
-@media (max-width: 760px) {
-  html {
-    font-size: 24px;
-  }
-}
-
-@media (min-width: 760px) {
-  html {
-    font-size: 16px;
-  }
-}
-
-body {
-  max-width: 760px;
-  margin: auto;
-  font-size: 1rem;
-}
-
-h1 {
-  padding-bottom: 3rem;
-  padding-top: 3rem;
-  font-size: 3rem;
-}
-
-#content-body {
-    width: 100%;
-}
-
-#login-button {
-    float: right;
-}
-
-#site-title {
-    margin-bottom: 20px;
+.login.container {
+  margin-top: 2rem;
 }