From b7d4a17ffd9fa2f4cffe997c667bb1f43148043e Mon Sep 17 00:00:00 2001
From: Alexandre Iooss <erdnaxe@crans.org>
Date: Fri, 21 Aug 2020 18:08:32 +0200
Subject: [PATCH] Better footer on mobile phone

---
 note_kfet/static/css/custom.css |  1 +
 note_kfet/templates/base.html   | 14 +++++++-------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/note_kfet/static/css/custom.css b/note_kfet/static/css/custom.css
index b160bfba..6ad67d9b 100644
--- a/note_kfet/static/css/custom.css
+++ b/note_kfet/static/css/custom.css
@@ -40,6 +40,7 @@ select.language {
     height: calc(1.5em + .5rem);
     color: #6c757d;
     -moz-appearance: none;
+    width: auto;
 }
 
 /* Last BDE colors */
diff --git a/note_kfet/templates/base.html b/note_kfet/templates/base.html
index ad290427..e2457041 100644
--- a/note_kfet/templates/base.html
+++ b/note_kfet/templates/base.html
@@ -170,17 +170,16 @@ SPDX-License-Identifier: GPL-3.0-or-later
         <div id="messages"></div>
         {% block content %}
             <p>Default content...</p>
-        {% endblock content %}
+        {% endblock %}
     </div>
 </main>
 <footer class="bg-dark text-white mt-auto py-2">
     <div class="container-fluid">
         <div class="row">
-            <div class="col-sm">
+            <div class="col-10">
                 <form action="{% url 'set_language' %}" method="post"
                       class="form-inline">
                     <span class="text-muted mr-1">
-                        NoteKfet2020 &mdash;
                         <a href="mailto:{{ "CONTACT_EMAIL" | getenv }}"
                            class="text-muted">Nous contacter</a> &mdash;
                     </span>
@@ -204,8 +203,10 @@ SPDX-License-Identifier: GPL-3.0-or-later
                     </noscript>
                 </form>
             </div>
-            <div class="col-sm text-right">
-                <a href="#" data-turbolinks="false" class="text-muted">Retour en haut</a>
+            <div class="col text-right">
+                <a href="#" data-turbolinks="false" class="text-muted">
+                    <i class="fa fa-arrow-up" aria-hidden="true"></i>
+                </a>
             </div>
         </div>
     </div>
@@ -216,7 +217,6 @@ SPDX-License-Identifier: GPL-3.0-or-later
     $(".invalid-feedback").addClass("d-block");
 </script>
 
-{% block extrajavascript %}
-{% endblock extrajavascript %}
+{% block extrajavascript %}{% endblock %}
 </body>
 </html>