From c2c3ae153a7b1be7cb8e0709c1dd9df078323587 Mon Sep 17 00:00:00 2001
From: Adrian Thompson <adrianhthompson@gmail.com>
Date: Tue, 3 Nov 2020 09:09:00 +0100
Subject: [PATCH] remove progress on build in console, add notification bell
 back

---
 package.json                     |  2 +-
 src/components/VinlottisPage.vue | 32 ++++++++++++++++++++++++++------
 2 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index ab76a07..77e19c3 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
     "test": "echo \"Error: no test specified\" && exit 1",
     "start": "node server.js",
     "dev": "cross-env NODE_ENV=development webpack-dev-server",
-    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
+    "build": "cross-env NODE_ENV=production webpack --hide-modules"
   },
   "author": "",
   "license": "ISC",
diff --git a/src/components/VinlottisPage.vue b/src/components/VinlottisPage.vue
index aca9663..c095e1a 100644
--- a/src/components/VinlottisPage.vue
+++ b/src/components/VinlottisPage.vue
@@ -3,9 +3,19 @@
 
     <section class="top-container">
       
-      <h1 class="want-to-win">
-        Vil du også vinne?
-      </h1>
+      <div class="want-to-win">
+        <h1>
+          Vil du også vinne?
+        </h1>
+        <img
+          src="/public/assets/images/notification.svg"
+          alt="Notification-bell"
+          @click="requestNotificationAccess"
+          class="notification-request-button"
+          role="button"
+          v-if="notificationAllowed"
+        />
+      </div>
 
       <router-link to="/lottery/game" class="participate-button">
           <i class="icon icon--arrow-right"></i>
@@ -145,16 +155,26 @@ export default {
   .want-to-win {
     grid-row: 2 / 4;
     grid-column: 2 / -1;
-    font-size: 2em;
-    font-weight: 400;
+    display: flex;
 
+    h1{
+      font-size: 2em;
+      font-weight: 400;
+    }
+    
     @include tablet {
-      font-size: 3em;
+      h1{
+        font-size: 3em;
+      }
       grid-row: 2 / 4;
       grid-column: 3 / -3;
     }
   }
 
+  .notification-request-button{
+    cursor: pointer;
+  }
+
   .participate-button {
     grid-row: 4 / 6;
     grid-column: 2 / -1;