More templates update for bootstrap v4

app/templates/404.html

 {%- extends "base.html" %}
 
-{% block title %}Page Not Found{% endblock %}
+{% block title %}Page Not Found - ICS Inventory{% endblock %}
 
 {% block main %}
-  <div class="page-header">
-    <h1>Page Not Found</h1>
-  </div>
+  <h1>Page Not Found</h1>
 {%- endblock %}

app/templates/500.html

 {%- extends "base.html" %}
 
-{% block title %}Internal Server Error{% endblock %}
+{% block title %}Internal Server Error - ICS Inventory{% endblock %}
 
 {% block main %}
-  <div class="page-header">
-    <h1>Internal Server Error</h1>
-  </div>
+  <h1>Internal Server Error</h1>
 {%- endblock %}

app/templates/qrcodes.html

@@ -19,5 +19,6 @@
     </div>
     {% endfor %}
   </div>
+  <hr class="separator">
   {% endfor %}
 {%- endblock %}

app/templates/users/login.html

@@ -4,14 +4,32 @@
 {% block title %}Login - ICS Inventory{% endblock %}
 
 {% block main %}
-  <div class="col-sm-offset-2 col-sm-3">
-    <h1>Login</h1>
+  <div class="col-sm-offset-2 col-sm-4">
+    <h2>Login</h2>
     <form action="" method="POST" role="form">
+      {% if form.errors %}
+        {% set class_ = "form-control is-invalid" %}
+      {% else %}
+        {% set class_ = "form-control" %}
+      {% endif %}
       {{ form.hidden_tag() }}
-      {{ wtf.form_field(form.username) }}
-      {{ wtf.form_field(form.password) }}
-      {{ wtf.form_field(form.remember_me) }}
-      {{ wtf.form_field(form.submit) }}
+      <div class="form-group">
+        {{ form.username.label() }}
+        {{ form.username(class=class_, required=True, placeholder="ESS username") }}
+        <div class="invalid-feedback">Invalid Username/Password.</div>
+      </div>
+      <div class="form-group">
+        {{ form.password.label() }}
+        {{ form.password(class=class_, required=True) }}
+        <div class="invalid-feedback">Invalid Username/Password.</div>
+      </div>
+      <div class="form-check">
+        <label class="form-check-label">
+          {{ form.remember_me(class="form-check-input") }}
+          Remember Me
+        </label>
+      </div>
+      <button type="submit" class="btn btn-primary">Submit</button>
     </form>
   </div>
 {% endblock %}

app/templates/users/profile.html

@@ -4,9 +4,8 @@
 {% block title %}Profile - ICS Inventory{% endblock %}
 
 {% block main %}
-  <div class="page-header">
-    <h2>{{ user.username }}</h2>
-  </div>
+  <h2>{{ user.username }}</h2>
+
   <dl>
     <dt>Name</dt>
     <dd>{{user.name}}</dd>
@@ -19,5 +18,6 @@
     <dd>{{ token }}</dd>
     {% endif %}
   </dl>
-  <a class="btn btn-default" href="{{ url_for('users.get_token') }}" role="button">Generate Token</a>
+
+  <a class="btn btn-primary" href="{{ url_for('users.get_token') }}" role="button">Generate Token</a>
 {% endblock %}