From 7c3d7822601d80e00b77a8781c4ccba4674825f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Fri, 14 Feb 2020 12:39:20 +0100
Subject: [PATCH] Switcher: Add a link to homepage

---
 src/molecules/Switcher.svelte  | 14 ++++++++------
 src/style/atoms/_switcher.scss | 12 +++++++++---
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/src/molecules/Switcher.svelte b/src/molecules/Switcher.svelte
index 611c704..c003dac 100644
--- a/src/molecules/Switcher.svelte
+++ b/src/molecules/Switcher.svelte
@@ -21,8 +21,8 @@
 </script>
 
 <div class="switcher {type}">
-    <a href="/choose">
-        <div class="switcher__text" class:empty={!location}>
+    <div class="switcher__text" class:empty={!location}>
+        <a href="/">
             {#if !location}
             <span class="top">Houses</span>
             <span class="bottom">
@@ -32,9 +32,11 @@
             <span class="top">Houses <em>{locationOf}</em></span>
             <span class="bottom">{locationName}</span>
             {/if}
-        </div>
+        </a>
+    </div>
 
-        <div class="button-control button-control--dashed switcher__icon">
+    <div class="button-control button-control--dashed switcher__icon">
+        <a href="/choose">
             <IconGlobe
                 color={type.includes('side') ? '#333' : '#fff'}
                 width={type.includes('side') ? 18 : 24}
@@ -42,8 +44,8 @@
             <svg>
                 <circle cx="50%" cy="50%" r="{type.includes('side') ? 24 : radius}px"></circle>
             </svg>
-        </div>
-    </a>
+        </a>
+    </div>
 </div>
 
 <!-- <div class="switcher switcher--side">
diff --git a/src/style/atoms/_switcher.scss b/src/style/atoms/_switcher.scss
index 0e3a7a7..472d6bc 100644
--- a/src/style/atoms/_switcher.scss
+++ b/src/style/atoms/_switcher.scss
@@ -1,8 +1,9 @@
 // Switcher
 .switcher {
+    display: flex;
+    align-items: center;
+
     a {
-        display: flex;
-        align-items: center;
         color: #C78FEC;
         text-decoration: none;
     }
@@ -47,6 +48,12 @@
         height: 52px;
         margin-top: 4px;
         margin-left: -8px;
+
+        a {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
     }
 
 
@@ -57,7 +64,6 @@
         .switcher {
             &__text {
                 font-size: rem(22px);
-                pointer-events: none;
             }
             &__icon {
                 width: 40px;