From 55d923431d45e1388227d45ecd11c01ab8a7a824 Mon Sep 17 00:00:00 2001
From: "Jose M. Guisado" <jguisado@soleta.eu>
Date: Tue, 16 Feb 2021 13:21:24 +0000
Subject: Add some minor cosmetic changes

This commit may serve for future reference as to how some cosmetic
changes have been applied to the web.

Primarily using bootstrap classes in order to adjust margin or padding,
there are mechanisms that allow modifying the class of an
underlying html element in WTForms. Bootstrap classes are written
directly in html templates for Flask.

Also add a Soleta branded footer.
---
 ogcp/templates/actions/wol.html |  3 ++-
 ogcp/templates/base.html        | 13 +++++++++----
 ogcp/templates/scopes.html      |  4 ++--
 3 files changed, 13 insertions(+), 7 deletions(-)

(limited to 'ogcp/templates')

diff --git a/ogcp/templates/actions/wol.html b/ogcp/templates/actions/wol.html
index 27bb3d3..61494f9 100644
--- a/ogcp/templates/actions/wol.html
+++ b/ogcp/templates/actions/wol.html
@@ -6,6 +6,7 @@
 {{ wtf.quick_form(form,
                   action=url_for('action_wol'),
                   method='post',
-                  button_map={'submit': 'primary'}) }}
+                  button_map={'submit': 'primary'},
+                  extra_classes='m-5')}}
 
 {% endblock %}
diff --git a/ogcp/templates/base.html b/ogcp/templates/base.html
index 4304e42..5f07fe7 100644
--- a/ogcp/templates/base.html
+++ b/ogcp/templates/base.html
@@ -5,7 +5,6 @@
     <script src="{{ url_for('static', filename='js/jquery.min.js') }}"></script>
     <link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}" />
     <script src="{{ url_for('static', filename='js/bootstrap.bundle.min.js') }}"></script>
-    <script src="{{ url_for('static', filename='js/bootstrap.min.js') }}"></script>
     <title>{% block title %}{% endblock %} - OpenGnsys</title>
     {% endblock %}
 </head>
@@ -28,8 +27,14 @@
     {% endblock %}
 
     <div id="content">{% block content %}{% endblock %}</div>
-    <div id="footer">
-        {% block footer %}{% endblock %}
-    </div>
+
+    {% block footer %}
+    <footer class="footer navbar-inverse bg-dark" role="contentinfo">
+        <div class="text-center text-secondary my-2 p-3">
+            Powered by
+            <a class="text-light" href="https://opengnsys.soleta.eu/">Soleta Networks</a>
+        </div>
+    </footer>
+    {% endblock %}
 </body>
 </html>
diff --git a/ogcp/templates/scopes.html b/ogcp/templates/scopes.html
index d810b2a..8eba78c 100644
--- a/ogcp/templates/scopes.html
+++ b/ogcp/templates/scopes.html
@@ -2,7 +2,7 @@
 
 {% macro print_scopes_tree(scopes) -%}
 
-  <ul class="list-group">
+  <ul class="list-group list-group-flush mx-5">
     {% for scope in scopes %}
       <li class="list-group-item">
         <input class="form-check-input" type="checkbox"
@@ -25,7 +25,7 @@
   <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
   {{ print_scopes_tree(scopes["scope"]) }}
 
-  <div class="dropdown">
+  <div class="dropdown mt-2">
     <button class="btn btn-primary dropdown-toggle" type="button"
             id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
             aria-expanded="false">
-- 
cgit v1.2.3-18-g5258