Liting.

frontend/components/VinlottisPage.vue

@@ -1,8 +1,6 @@
 <template>
   <main class="main-container">
-
     <section class="top-container">
-
       <div class="want-to-win">
         <h1>
           Vil du også vinne?
@@ -38,17 +36,16 @@
         <i class="icon icon--bottle"></i>
         <i class="icon icon--bottle"></i>
       </div>
-
     </section>
 
     <section class="content-container">
-
       <div class="scroll-info">
         <i class="icon icon--arrow-long-right"></i>
         <p>Scroll for å se vinnere og annen gøy statistikk</p>
       </div>
 
       <Highscore class="highscore" />
+
       <TotalBought class="total-bought" />
 
       <section class="chart-container">
@@ -56,12 +53,10 @@
         <WinGraph class="win" />
       </section>
 
-      <Wines class="wines-container" />
+      <Wines class="wine-container" />
-
     </section>
 
     <Countdown :hardEnable="hardStart" @countdown="changeEnabled" />
-
   </main>
 </template>
 
@@ -96,11 +91,7 @@ export default {
       if (!("PushManager" in window)) {
         return false;
       }
-      return (
+      return Notification.permission !== "granted" || !this.pushAllowed || localStorage.getItem("push") == null;
-        Notification.permission !== "granted" ||
-        !this.pushAllowed ||
-        localStorage.getItem("push") == null
-      );
     }
   },
   async mounted() {
@@ -120,7 +111,7 @@ export default {
       this.hardStart = way;
     },
     track() {
-      window.ga('send', 'pageview', '/');
+      window.ga("send", "pageview", "/");
     },
     startCountdown() {
       this.hardStart = true;
@@ -262,13 +253,11 @@ export default {
         grid-row: 2 / 4;
         align-self: center;
         justify-self: center;
-
       }
       &.icon--face-1 {
         grid-column: 4 / 7;
         grid-row: 2 / 4;
         justify-self: center;
-
       }
       &.icon--face-3 {
         grid-column: 7 / 10;
@@ -278,7 +267,6 @@ export default {
       &.icon--ballon {
         grid-column: 9 / 11;
         grid-row: 3 / 5;
-
       }
       &.icon--bottle {
         grid-row: 4 / -1;
@@ -304,7 +292,6 @@ export default {
       }
     }
   }
-
 }
 
 h1 {
@@ -346,8 +333,8 @@ h1 {
     grid-column: 2 / -2;
   }
 
-  .wines-container {
+  .wine-container {
-    grid-column: 2 / -2;
+    grid-column: 3 / -3;
   }
 
   .icon--arrow-long-right {
@@ -356,7 +343,6 @@ h1 {
   }
 
   @include tablet {
-
     .scroll-info {
       grid-column: 3 / -3;
     }