From 976d3de397a3593a589e84cda935f63f6ca5c614 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kevin=20Midb=C3=B8e?= <kevin.midboe@gmail.com>
Date: Wed, 22 Jan 2020 17:17:48 +0100
Subject: [PATCH] Mobile banner

---
 src/ui/Banner.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/ui/Banner.vue b/src/ui/Banner.vue
index 1b0ebe7..2a1a04d 100644
--- a/src/ui/Banner.vue
+++ b/src/ui/Banner.vue
@@ -6,7 +6,9 @@
   </router-link>
 </template>
 
-<style>
+<style lang="scss" scoped>
+@import "../styles/media-queries.scss";
+
 .top-banner {
   text-align: center;
   width: 100vw;
@@ -16,5 +18,13 @@
   -webkit-box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.65);
   -moz-box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.65);
   box-shadow: 0px 0px 22px -8px rgba(0,0,0,0.65);
+
+  @include mobile {
+    padding: 20px 0;
+
+    > img {
+      height: 23px;
+    }
+  }
 }
 </style>
\ No newline at end of file