From 8bb0b9bbaaa82293582b00a20c4a8ac1e24306b3 Mon Sep 17 00:00:00 2001
From: Benjamin Kyd <benjaminkyd@gmail.com>
Date: Fri, 25 Mar 2022 23:14:02 +0000
Subject: [PATCH] fixing the focken thing ennit

Former-commit-id: 20a9b6db7534c9f386d244b4972c60710e196ddb
---
 client/public/components/css/navbar.css       | 44 +++++++++----------
 .../public/components/templates/navbar.html   | 28 ++++++------
 client/public/global.css                      |  2 +-
 3 files changed, 37 insertions(+), 37 deletions(-)

diff --git a/client/public/components/css/navbar.css b/client/public/components/css/navbar.css
index cbe85db..e790bd9 100644
--- a/client/public/components/css/navbar.css
+++ b/client/public/components/css/navbar.css
@@ -124,18 +124,16 @@
     z-index: 2;
 }
 
-@media (pointer:none), (pointer:coarse), screen and (max-width: 900px) {
-    .hamburger {
-        display: inline-block;
-   }
-}
-
 /* Make sure the thing doesnt move */
 /* .nav-menu {
     transform: translatey(-100%);
 } */
 
 @media (pointer:none), (pointer:coarse), screen and (max-width: 900px) {
+    .hamburger {
+        display: inline-block;
+    }
+
     .nav-menu {
         position: fixed;
         background: #e4d6ffde;
@@ -150,27 +148,29 @@
         text-align: center;
         z-index: 100;
    }
+   
+   .secondary-menu {
+       top: 0;
+       height: auto;
+   }
+
+   .nav-menu .menu-item a {
+       font-size: 1.5em;
+       margin: 8px;
+   }
+
     .menu-active .nav-menu {
         transform: translatey(0%);
         opacity: 1;
    }
-}
 
-@media (pointer:none), (pointer:coarse), screen and (max-width: 900px) {
-    .nav-menu .menu-item a {
-        font-size: 1.5em;
-        margin: 8px;
-    }
-}
-
-@media (pointer:none), (pointer:coarse), screen and (max-width: 900px) {
-    .sub-nav {
-        position: relative;
-        width: 100%;
-        display: none;
-        background-color: rgba(0, 0, 0, 0.20);
-        box-sizing: border-box;
-    }
+   .sub-nav {
+       position: relative;
+       width: 100%;
+       display: none;
+       background-color: rgba(0, 0, 0, 0.20);
+       box-sizing: border-box;
+   }
 }
 
 .nav-link:hover + .sub-nav {
diff --git a/client/public/components/templates/navbar.html b/client/public/components/templates/navbar.html
index b90b2a9..8ee512e 100644
--- a/client/public/components/templates/navbar.html
+++ b/client/public/components/templates/navbar.html
@@ -27,20 +27,20 @@
                 </ul>
             </li>
             <li class="menu-item"><a class="nav-link" href="#">My Account</a>
-                <ul class="primary-menu secondary-menu menu push-down">
-                    
-                    <span class="search-wrapper">
-                        <input id="search-bar" class="menu-item" type="text" placeholder="search..."/>
-                    </span>
-        
-                    <img id="fave-icon" class="menu-item" src="https://www.svgrepo.com/show/25921/heart.svg" width="27px" stroke="#222" stroke-width="2px" alt="">
-                    
-                    <span id="cart-wrapper">
-                        <img id="cart-icon" class="menu-item" src="https://www.svgrepo.com/show/343743/cart.svg" width="30px" stroke="#222" stroke-width="2px" alt="">
-                        <span id="cart-number" class="menu-item">5</span>
-                    </span>
-                </ul>
-        </ul>
+            </ul>
+            <ul class="nav-menu secondary-menu menu push-down">
+                
+                <span class="search-wrapper">
+                    <input id="search-bar" class="menu-item" type="text" placeholder="search..."/>
+                </span>
+    
+                <img id="fave-icon" class="menu-item" src="https://www.svgrepo.com/show/25921/heart.svg" width="27px" stroke="#222" stroke-width="2px" alt="">
+                
+                <span id="cart-wrapper">
+                    <img id="cart-icon" class="menu-item" src="https://www.svgrepo.com/show/343743/cart.svg" width="30px" stroke="#222" stroke-width="2px" alt="">
+                    <span id="cart-number" class="menu-item">5</span>
+                </span>
+            </ul>
     </div>
 
 </nav>
diff --git a/client/public/global.css b/client/public/global.css
index cefb4e0..47e70dd 100644
--- a/client/public/global.css
+++ b/client/public/global.css
@@ -3,7 +3,7 @@ body {
     /* all EM in the document is based off this DONT TOUCH */
     /* it's also kinda the default so you can touch it if you want */
     /* BODY TEXT SHOULD BE 1EM */
-    font-size: 16px;
+    font-size: 18px;
     color: #222;
     text-decoration: none;
     background-color: #D7C2FF;