additional tweaking of user interface on some template files

flask_app/app/templates/auth/login.html

@@ -2,7 +2,7 @@
 
 {% block content %}
 <span class="title"><h2>{% block title %} Login {% endblock %}</h2></span>
-<div class="content">
+<div class="content-container content">
 <form method="POST" action="{{ url_for("auth.login") }}">
 {{ form.csrf_token }}
 <p>

flask_app/app/templates/qualifications.html

@@ -42,7 +42,11 @@ display: none;
 {% for type in qualification_types %}
 <option value="{{ type.id }}">{{ type.v_qualification_type }}</option>
 {% endfor %}{# end of looping through qualification_types #}
-</select><input type="button" id="btn_type_filter" value="Apply filter">
+</select>
+<button type="button" id="btn_type_filter" value="Apply filter" style="background-color: rgb(39, 37, 92); color: white; border: none; padding: 8px 12px; border-radius: 4px; cursor: pointer;">
+{{ icons.search_svg(s_label="apply filter") }}
+Apply filter
+</button>
 </div>
 <div class="table-container">
 <table id="tbl_qualifications" class="data-table">

flask_app/app/templates/roles.html

@@ -43,7 +43,11 @@ display: none;
 {% for department in departments %}
 <option value="{{ department.id }}"{% if department_filter==department.id %} selected {% endif %}>{{ department.v_department_name }}</option>
 {% endfor %}{# end of looping through departments #}
-</select><input type="button" id="btn_department_filter" value="Apply filter">
+</select>
+<button type="button" id="btn_department_filter" value="Apply filter" style="background-color: rgb(39, 37, 92); color: white; border: none; padding: 8px 12px; border-radius: 4px; cursor: pointer;">
+{{ icons.search_svg(s_label="apply filters") }}
+Apply filter
+</button>
 </div>
 <div class="table-container">
 <table id="tbl_roles" class="data-table">

flask_app/app/templates/tenders.html

@@ -4,10 +4,6 @@
 .label {
 font-weight: bold;
 }
-div.paging {
-color: dark-blue;
-font-size: smaller;
-}
 </style>
 {% endblock %}