From ebaba664d2dd585b1ea0d8d7700abd2390759f6b Mon Sep 17 00:00:00 2001
From: Norbert Renner <norbert.renner@gmx.de>
Date: Wed, 17 Jun 2020 09:59:19 +0200
Subject: [PATCH] Improve mobile stats (#302)

- flex-wrap instead of hard character break
- minimal margin
- add missing breakpoint for space
---
 css/style.css | 2 ++
 index.html    | 3 ++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index 275a51f..726c210 100644
--- a/css/style.css
+++ b/css/style.css
@@ -108,6 +108,7 @@ ul#stats {
     display: flex;
     align-items: stretch;
     justify-content: space-around;
+    flex-wrap: wrap;
     width: 100%;
     margin: 0;
     padding: 0;
@@ -116,6 +117,7 @@ ul#stats {
     display: inline-block;
     flex: 0 1 auto;
     list-style-type: none;
+    margin: 0 0.2em;
 }
 
 p.stats-label {
diff --git a/index.html b/index.html
index 196c833..4a3545f 100644
--- a/index.html
+++ b/index.html
@@ -846,7 +846,8 @@
                             >
                         </div>
                         <p class="stats-label">
-                            <span id="ascend">-</span>&#8239;<abbr
+                            <span id="ascend">-</span><span class="d-none d-md-inline">&#8239;</span
+                            ><abbr
                                 class="d-none d-md-inline"
                                 data-i18n="[title]footer.meter;footer.meter-abbrev"
                                 title="meters"