From 431c3e3f7f50d6595b1300eb292acac62f2cda08 Mon Sep 17 00:00:00 2001
From: Norbert Renner <norbert.renner@gmx.de>
Date: Fri, 26 Jan 2018 17:44:47 +0100
Subject: [PATCH] Refactor d-inline-block, !important overrides hidden
 attribute

---
 css/style.css |  1 +
 index.html    | 12 ++++++------
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/css/style.css b/css/style.css
index b4c32bb..f9f4e6d 100644
--- a/css/style.css
+++ b/css/style.css
@@ -55,6 +55,7 @@ footer {
 }
 #stats li {
     margin: 0 1rem;
+    display: inline-block;
 }
 
 #elevation-chart {
diff --git a/index.html b/index.html
index 957343e..c5130b6 100644
--- a/index.html
+++ b/index.html
@@ -201,27 +201,27 @@
     <footer>
         <div class="flexrow">
             <ul id="stats">
-                <li class="d-inline-block">
+                <li>
                     <div class="text-muted small hidden-sm-down">Profile</div>
                     <p class="stats-label" id="stat-profile">Profile</p>
                 </li>
-                <li class="d-inline-block">
+                <li>
                     <div class="text-muted small hidden-sm-down">Distance</div>
                     <p class="stats-label" id="distance">0 <abbr title="kilometer">km</abbr></p>
                 </li>
-                <li style="display: inline-block" hidden>
+                <li hidden>
                     <div class="text-muted small hidden-sm-down">Travel time</div>
                     <p class="stats-label" id="totaltime">0 <abbr title="minutes">min</abbr></p>
                 </li>
-                <li style="display: inline-block" hidden>
+                <li hidden>
                     <div class="text-muted small hidden-sm-down">Total Energy (per 100km)</div>
                     <p class="stats-label" id="totalenergy">0 (0)</p>
                 </li>
-                <li class="d-inline-block">
+                <li>
                     <div class="text-muted small hidden-sm-down">Ascend (Plain ascend)</div>
                     <p class="stats-label" id="ascend">0 (0) <abbr title="meter">m</abbr></p>
                 </li>
-                <li class="d-inline-block">
+                <li>
                     <div class="text-muted small hidden-sm-down">Cost (Mean cost factor)</div>
                     <p class="stats-label" id="cost">- (-)</p>
                 </li>