1 files changed, 40 insertions, 12 deletions
diff --git a/ishtar_common/templates/registration/login.html b/ishtar_common/templates/registration/login.html
index e8122f150..3e82a882f 100644
--- a/ishtar_common/templates/registration/login.html
+++ b/ishtar_common/templates/registration/login.html
@@ -2,18 +2,46 @@
 {% load i18n %}
 
 {% block content %}
-<div class='form'>
-<form method="post" action=".">{% csrf_token %}
-<table id='login'>
-  <caption>{%trans "Log in"%}</caption>
-{{ form.as_table }}
-  <tr class='submit'><td colspan='2'><input type="submit" value="{% trans 'Log in' %}" /></td></tr>
-  <input type="hidden" name="next" value="{{ next }}" />
-</table>
-</form>
+<div class="row justify-content-center">
+  <div class="col-md-6">
+    <h4>{%trans "Log in"%}</h4>
+    <form method="post" action=".">{% csrf_token %}
+        <input type="hidden" name="next" value="{{ next }}" />
+      {% if form.non_field_errors %}
+      <div class="form-group row">
+          {% for error in form.non_field_errors %}
+          <div class="form-group has-errors text-danger small">
+              {{error}}
+          </div>
+          {% endfor %}
+      </div>
+      {% endif %}
+
+      {% for field in form %}
+      {% if field.errors %}
+      <div class="form-group row has-errors text-danger small">
+        {{field.errors}}
+      </div>
+      {% endif %}
+      <div class="form-group row">
+          <label for="{{field.id}}" class="col-6 col-form-label">{{field.label}}</label>
+          <div class="col-6">{{field}}</div>
+      </div>
+      {% endfor %}
+
+      <div class="row justify-content-center">
+        <div class="col-12">
+           <button type="submit" class="btn btn-primary">{% trans 'Log in' %}</button>
+        </div>
+      </div>
+    </form>
+  </div>
 </div>
-<div class='info'>
-<p>{% trans "Forgot password?" %} <a href="{% url 'auth_password_reset' %}">{% trans "Reset it" %}</a></p>
-<p>{% trans "Not member?" %} <a href="{% url 'registration_register' %}">{% trans "Register" %}</a></p>
+<hr/>
+<div class="row justify-content-center">
+    <div class="col-md-6">
+        <small class="text-secondary">{% trans "Forgot password?" %} <a href="{% url 'auth_password_reset' %}">{% trans "Reset it" %}</a> &ndash;
+        {% trans "Not member?" %} <a href="{% url 'registration_register' %}">{% trans "Register" %}</a></small>
+    </div>
 </div>
 {% endblock %}