Merge pull request #1 from JakeBareng/navbar-mobile-fix

fixed navbar margin on mobile view
langaracpsc · Sep 20, 2023 · 75d5e4f · 75d5e4f
2 parents 1dcde3a + f22b3cd
commit 75d5e4f
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/frontend/src/app/NavBar.tsx b/frontend/src/app/NavBar.tsx
@@ -61,13 +61,14 @@ export class NavBar extends Component<NavBarProps, NavBarState>
         <div className={"mt-4"}></div>;
         <div className={"mt-3"}></div>;
 
-        return <div className="flex flex-row max-[600px]:grid max-[600px]:grid-rows-2  row-start-1 row-span-1 max-[600px]:justify-center">
+        return (
+            <div className="flex flex-row max-[600px]:grid max-[600px]:grid-rows-2  row-start-1 row-span-1 max-[600px]:justify-center">
                 <div className="min-[600px]:basis-1/4 max-[600px]:row-start-1 flex flex-row shrink-0 grow-0 max-[600px]:justify-center ">
                     <div></div>
                     <img src="LCS.png" alt="club-logo" className="ml-5 flex-start-2 max-[600px]:ml-8 shrink-0 grow-0 h-full select-none"/>
                     <div></div>
                 </div>
-                <div className="min-[600px]:basis-3/4 max-[600px]:grid max-[600px]:grid-template-cols[5%_90%_5%] flex justify-end mr-8 h-full">
+                <div className="min-[600px]:basis-3/4 max-[600px]:grid max-[600px]:grid-template-cols[5%_90%_5%] min-[600px]:flex min-[600px]:justify-end min-[600px]:mr-8 h-full">
                     <div></div>
                     <div className={"col-start-2"}>
                         <div className={"nav_button_container flex max-[500px]:gap-x-3 gap-x-7 mt-5 max-[500px]:mt-6"}>
@@ -78,8 +79,9 @@ export class NavBar extends Component<NavBarProps, NavBarState>
                         </div>
                     </div>
                     <div></div>
+                </div>
             </div>
-        </div>;
+        );
     } 
 }