From fe6c0d784ce8e352a569132d29e16c31b15664a0 Mon Sep 17 00:00:00 2001
From: Norbert Renner <norbert.renner@gmx.de>
Date: Tue, 7 Jul 2020 21:59:16 +0200
Subject: [PATCH] Keep elevation button always visible (#320)

so that user stays in control.
---
 index.html | 38 +++++++++++++++++++-------------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/index.html b/index.html
index 80a0aba..339a4fc 100644
--- a/index.html
+++ b/index.html
@@ -1009,14 +1009,14 @@
 
         <div class="collapse" id="elevation-chart"></div>
 
-        <footer>
-            <div id="stats-info">
+        <footer class="flexrow">
+            <div id="stats-info" class="flexgrow">
                 <div>
                     <span class="fa fa-info-circle"></span>
                     <span data-i18n="footer.stats-info">Start drawing a route to get stats.</span>
                 </div>
             </div>
-            <div id="stats-container" class="flexrow">
+            <div id="stats-container" class="flexrow flexgrow">
                 <ul id="stats">
                     <li>
                         <div class="text-muted small d-none d-md-block" data-i18n="footer.distance">
@@ -1096,23 +1096,23 @@
                         </p>
                     </li>
                 </ul>
-
-                <button
-                    class="btn btn-outline-secondary btn-sm"
-                    type="button"
-                    data-toggle="collapse"
-                    data-target="#elevation-chart"
-                    aria-controls="elevation-chart"
-                    id="elevation-btn"
-                    aria-expanded="false"
-                    aria-label="Toggle elevation chart"
-                    data-i18n="[title]keyboard.generic-shortcut"
-                    data-i18n-options='{ "action": "$t(footer.elevation-chart)", "key": "E" }'
-                    title="Toggle elevation chart"
-                >
-                    <span class="fa fa-area-chart"></span>
-                </button>
             </div>
+
+            <button
+                class="btn btn-outline-secondary btn-sm"
+                type="button"
+                data-toggle="collapse"
+                data-target="#elevation-chart"
+                aria-controls="elevation-chart"
+                id="elevation-btn"
+                aria-expanded="false"
+                aria-label="Toggle elevation chart"
+                data-i18n="[title]keyboard.generic-shortcut"
+                data-i18n-options='{ "action": "$t(footer.elevation-chart)", "key": "E" }'
+                title="Toggle elevation chart"
+            >
+                <span class="fa fa-area-chart"></span>
+            </button>
         </footer>
 
         <script>