From ca1e313867ef245a3bd88708b43e3ab367f41fbc Mon Sep 17 00:00:00 2001
From: subnub <kyle.hoell@gmail.com>
Date: Sat, 9 May 2020 15:53:13 -0400
Subject: [PATCH] more improvments to mobile

---
 src/styles/components/_Header.scss   |  8 ++++----
 src/styles/components/_HomePage.scss | 18 ++++++++++++++++++
 src/styles/components/_Subbar.scss   | 16 ++++++++++++++++
 3 files changed, 38 insertions(+), 4 deletions(-)

diff --git a/src/styles/components/_Header.scss b/src/styles/components/_Header.scss
index 8a3810d..3b4d4e9 100644
--- a/src/styles/components/_Header.scss
+++ b/src/styles/components/_Header.scss
@@ -163,11 +163,11 @@
     flex-direction: row;
     justify-content: space-between;
     align-items: center;  
-    height: 50px;
+    
 
-    // @media (max-width: $desktop-breakpoint) {
-    //     height: 60px;
-    // }
+    @media (max-width: $desktop-breakpoint) {
+        height: 55px;
+    }
 }
 
 .header__input__suggested__item:hover {
diff --git a/src/styles/components/_HomePage.scss b/src/styles/components/_HomePage.scss
index 00e8fd8..fbc83dc 100644
--- a/src/styles/components/_HomePage.scss
+++ b/src/styles/components/_HomePage.scss
@@ -12,6 +12,10 @@
         width: 0px;
         height: unset;
         background: transparent; /* Chrome/Safari/Webkit */
+    }
+
+    @media (max-width: $desktop-breakpoint) {
+     
         overflow-y: unset;
     }
 
@@ -47,6 +51,20 @@
     }
 }
 
+.outter-wrapper {
+
+    @media (max-width: $desktop-breakpoint) {
+     
+        scrollbar-width: none; /* Firefox */
+        -ms-overflow-style: none;  /* IE 10+ */
+        &::-webkit-scrollbar {
+            width: 0px;
+            height: unset;
+            background: transparent; /* Chrome/Safari/Webkit */
+        }
+    }
+}
+
 // .outter-wrapper {
 //     height: 100%;
 //     width: 100%;
diff --git a/src/styles/components/_Subbar.scss b/src/styles/components/_Subbar.scss
index 92fe980..f021f1d 100644
--- a/src/styles/components/_Subbar.scss
+++ b/src/styles/components/_Subbar.scss
@@ -66,6 +66,12 @@
     flex-direction: row;
     align-items: center;
     cursor: pointer;
+
+    @media (max-width: $desktop-breakpoint) {
+        height: 52px;
+        max-height: 52px;
+     }
+    
 }
 
 .path__wrapper {
@@ -104,10 +110,20 @@
     /* height: fit-content; */
     padding: 0px 0 2px 0;
     margin-top: 19px;
+
+    @media (max-width: $desktop-breakpoint) {
+        line-height: normal;
+        padding: unset;
+        margin: unset;
+        text-align: center;
+     }
 }
 
 .path__image {
     height: fit-content;
     /* width: 30px; */
     // margin-top: 7px;
+    @media (max-width: $desktop-breakpoint) {
+        //margin-top: 3px;
+     }
 }
\ No newline at end of file