diff options
| author | Jose M. Guisado <jguisado@soleta.eu> | 2021-02-16 13:21:24 +0000 |
|---|---|---|
| committer | Jose M. Guisado <jguisado@soleta.eu> | 2021-02-16 13:21:24 +0000 |
| commit | 55d923431d45e1388227d45ecd11c01ab8a7a824 (patch) | |
| tree | 890f15d5523454e944d2fe22b6361ac7c3cbaa15 /ogcp/templates | |
| parent | 199854f1e90335ea37987a58efcde2ee6a3dd38a (diff) | |
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.
Diffstat (limited to 'ogcp/templates')
| -rw-r--r-- | ogcp/templates/actions/wol.html | 3 | ||||
| -rw-r--r-- | ogcp/templates/base.html | 13 | ||||
| -rw-r--r-- | ogcp/templates/scopes.html | 4 |
3 files changed, 13 insertions, 7 deletions
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"> |