feat: mobile icon style

bcgov · Apr 16, 2021 · 6e3de09 · 6e3de09
1 parent 99d2d36
commit 6e3de09
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/app/components/Layout/Header.tsx b/app/components/Layout/Header.tsx
@@ -70,7 +70,7 @@ const HeaderLayout = ({
               aria-label="Menu toggle"
               onClick={toggleNavMenu}
             >
-              <FontAwesomeIcon color="white" icon={faUser} size="2x" />
+              <FontAwesomeIcon color="#036" icon={faUser} size="2x" />
             </button>
           </div>
           <ul
@@ -233,6 +233,11 @@ const HeaderLayout = ({
               background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
               box-shadow 0.15s ease-in-out;
           }
+          #menu-toggle {
+            background: #f8f9fa;
+            border-radius: 100%;
+            padding: 0.375rem 0.7rem;
+          }
 
           /* Small desktop and up:
           * Replaces hamburger menu with button links and pushes apart .header-left