Better footer on mobile phone

This commit is contained in:
Alexandre Iooss 2020-08-21 18:08:32 +02:00
parent 5c3451bda7
commit b7d4a17ffd
2 changed files with 8 additions and 7 deletions

View File

@ -40,6 +40,7 @@ select.language {
height: calc(1.5em + .5rem); height: calc(1.5em + .5rem);
color: #6c757d; color: #6c757d;
-moz-appearance: none; -moz-appearance: none;
width: auto;
} }
/* Last BDE colors */ /* Last BDE colors */

View File

@ -170,17 +170,16 @@ SPDX-License-Identifier: GPL-3.0-or-later
<div id="messages"></div> <div id="messages"></div>
{% block content %} {% block content %}
<p>Default content...</p> <p>Default content...</p>
{% endblock content %} {% endblock %}
</div> </div>
</main> </main>
<footer class="bg-dark text-white mt-auto py-2"> <footer class="bg-dark text-white mt-auto py-2">
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-sm"> <div class="col-10">
<form action="{% url 'set_language' %}" method="post" <form action="{% url 'set_language' %}" method="post"
class="form-inline"> class="form-inline">
<span class="text-muted mr-1"> <span class="text-muted mr-1">
NoteKfet2020 &mdash;
<a href="mailto:{{ "CONTACT_EMAIL" | getenv }}" <a href="mailto:{{ "CONTACT_EMAIL" | getenv }}"
class="text-muted">Nous contacter</a> &mdash; class="text-muted">Nous contacter</a> &mdash;
</span> </span>
@ -204,8 +203,10 @@ SPDX-License-Identifier: GPL-3.0-or-later
</noscript> </noscript>
</form> </form>
</div> </div>
<div class="col-sm text-right"> <div class="col text-right">
<a href="#" data-turbolinks="false" class="text-muted">Retour en haut</a> <a href="#" data-turbolinks="false" class="text-muted">
<i class="fa fa-arrow-up" aria-hidden="true"></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -216,7 +217,6 @@ SPDX-License-Identifier: GPL-3.0-or-later
$(".invalid-feedback").addClass("d-block"); $(".invalid-feedback").addClass("d-block");
</script> </script>
{% block extrajavascript %} {% block extrajavascript %}{% endblock %}
{% endblock extrajavascript %}
</body> </body>
</html> </html>