From 97864876460af5a9462d93dcb7ea30dd92d91660 Mon Sep 17 00:00:00 2001
From: Linus Groh <mail@linusgroh.de>
Date: Wed, 24 Feb 2021 19:52:33 +0100
Subject: [PATCH] Move .distance-travelled SCSS to scoped <style>

---
 src/components/AppHeader.vue | 12 ++++++++++++
 src/styles/_base.scss        | 10 ----------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index 5f82b16..5fc1f5c 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -158,6 +158,18 @@
   </header>
 </template>
 
+<style lang="scss" scoped>
+.distance-travelled {
+  text-align: right;
+  line-height: 1.2;
+
+  .feather {
+    margin-top: 3px;
+    margin-right: 0 !important;
+  }
+}
+</style>
+
 <script>
 import moment from "moment";
 import { mapActions, mapGetters, mapMutations, mapState } from "vuex";
diff --git a/src/styles/_base.scss b/src/styles/_base.scss
index 76d47de..0a04372 100644
--- a/src/styles/_base.scss
+++ b/src/styles/_base.scss
@@ -151,16 +151,6 @@ pre {
         .button-icon .feather {
           margin: 0;
         }
-
-        &.distance-travelled {
-          text-align: right;
-          line-height: 1.2;
-
-          .feather {
-            margin-top: 3px;
-            margin-right: 0;
-          }
-        }
       }
 
       &.nav-sm {