From 520200a2a63a4189d5c6cac2b2ff48f009bb6f72 Mon Sep 17 00:00:00 2001
From: Lionel Han <47760119+IGoByJoe@users.noreply.github.com>
Date: Tue, 9 Jun 2020 00:21:50 -0700
Subject: cleaned code

---
 src/mobile/MobileMenu.scss | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

(limited to 'src/mobile/MobileMenu.scss')

diff --git a/src/mobile/MobileMenu.scss b/src/mobile/MobileMenu.scss
index 2641cdfd2..669b55601 100644
--- a/src/mobile/MobileMenu.scss
+++ b/src/mobile/MobileMenu.scss
@@ -22,6 +22,16 @@ body {
     border-bottom: 5px solid black;
 }
 
+.navbar .cover {
+    position: absolute;
+    right: 20px;
+    top: 30px;
+    height: 70px;
+    width: 70px;
+    background-color: whitesmoke;
+    z-index: 200;
+}
+
 .navbar .toggle-btn {
     position: absolute;
     right: 20px;
@@ -31,6 +41,10 @@ body {
     transition: all 300ms ease-in-out 200ms;
 }
 
+.navbar .toggle-btn-home {
+    right: -200px;
+}
+
 .navbar .header {
     position: absolute;
     top: 50%;
@@ -311,7 +325,7 @@ body {
 
 .toolbar.active {
     display: inline-block;
-    width: fit-content;
+    width: 300px;
     padding: 5px;
     opacity: 1;
     height: max-content;
@@ -320,7 +334,7 @@ body {
 
 .toolbar .colorSelector {
     display: inline-flex;
-    width: fit-content;
+    width: max-content;
     padding: 5px;
     height: max-content;
     pointer-events: all;
@@ -328,9 +342,9 @@ body {
 
 .widthSelector {
     display: inline-flex;
-    width: 90%;
+    width: max-content;
     height: 100px;
-    padding: 5px;
+    padding: 10px;
 }
 
 .slider {
-- 
cgit v1.2.3-70-g09d2