From b570036b948a9eb167b383ea14db5b0bac8f2f65 Mon Sep 17 00:00:00 2001
From: brausjonas <brausjonas@gmail.com>
Date: Sat, 25 Mar 2023 16:19:46 +0100
Subject: [PATCH] Better Menu Mobile

---
 .idea/workspace.xml |  2 +-
 Style.css           | 13 +++++++++++--
 index.html          |  2 ++
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 50c2045..b23ae3d 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -51,7 +51,7 @@
       <option name="presentableId" value="Default" />
       <updated>1679674447095</updated>
       <workItem from="1679674448294" duration="3278000" />
-      <workItem from="1679754546660" duration="2767000" />
+      <workItem from="1679754546660" duration="2982000" />
     </task>
     <servers />
   </component>
diff --git a/Style.css b/Style.css
index 168d253..5ce64a9 100644
--- a/Style.css
+++ b/Style.css
@@ -150,7 +150,7 @@ body
     .dropdown div
     {
         right: 150px;
-        border-radius: 50px 0px 0 50px;
+        border-radius: 0px;
         top: 10px;
     }
 
@@ -173,6 +173,7 @@ body
     .mobileMenuButton
     {
         display: inline-block;
+        transition: all 0.5s ease 0s;
     }
 }
 
@@ -182,16 +183,24 @@ body
     height: 50px;
     position: absolute;
     right: 30px;
-    top: 30px
+    top: 30px;
+    color: white;
+}
+
+.mobileMenuButton svg:hover
+{
+    color: #0088a9;
 }
 
 .mobileMenuDropDown
 {
     display: none;
     background-color: #24242A;
+    transition: all 0.5s ease 0s;
 }
 
 
+
 .mobileMenuDropDown li
 {
     list-style: none;
diff --git a/index.html b/index.html
index aebbf86..09f168c 100644
--- a/index.html
+++ b/index.html
@@ -55,7 +55,9 @@
                         </ul>
                     </div>
                 </li>
+                <hr/>
                 <li><a href="#">Quicklinks</a></li>
+                <hr/>
                 <li><a href="#">About Us</a></li>
             </ul>
         </div>