From 16317a72d3ace83f303dc560d1b736048d367a4d 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:31:22 +0100
Subject: [PATCH] Borders only on desktop

---
 src/components/VinlottisPage.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/VinlottisPage.vue b/src/components/VinlottisPage.vue
index 757a57c..7d23b65 100644
--- a/src/components/VinlottisPage.vue
+++ b/src/components/VinlottisPage.vue
@@ -51,6 +51,7 @@ export default {
 };
 </script>
 <style lang="scss">
+
 body {
   margin: 0;
   color: #333333;
@@ -59,6 +60,8 @@ body {
 }
 </style>
 <style lang="scss" scoped>
+@import '../styles/media-queries.scss';
+
 .bottom-container {
   display: flex;
   flex-direction: row;
@@ -74,7 +77,10 @@ body {
 
 .bought-and-highscore-separator {
   border: none;
-  border-bottom: 1px solid rgb(237, 237, 237);
+
+  @include desktop {
+    border-bottom: 1px solid rgb(237, 237, 237);
+  }
 }
 
 .highscore-and-wines {
@@ -88,10 +94,13 @@ body {
 }
 
 .vipps-outer-container {
-  border-left: 1px solid rgb(237, 237, 237);
-  margin-left: 20px;
   display: flex;
   align-items: center;
+
+  @include desktop {
+    margin-left: 20px;
+    border-left: 1px solid rgb(237, 237, 237);
+  }
 }
 
 @font-face {