Update nav.css

Author: weizhi-lin

assets/css/nav.css

@@ -58,6 +58,7 @@
         flex-direction: column; /* Stacks items vertically */
         align-items: flex-start; /* Aligns items to the left */
         background-color: #ffffff; /* Sets white background for the bar */
+        padding: 15px 20px;/* Increased padding for a thicker bar */
     }
 
     .topnav #myLinks {
@@ -69,10 +70,12 @@
 
     .topnav a.icon {
         display: block; /* Shows the hamburger icon on mobile */
-        position: absolute;
-        right: 10px;
-        top: 10px;
-        color: #808080; /* Grey color for the icon */
+        font-size: 24px;
+        color: #808080;
+        padding: 10px;
+        cursor: pointer;
+        margin-left: auto; /* Pushes the icon to the right */
+        order: 1; /* Ensures the icon appears last in the flex container */
     }
 
     .topnav a.normal {