Improve mobile stats (#302)

- flex-wrap instead of hard character break
- minimal margin
- add missing breakpoint for space

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 {

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"