Update nav.css

Author: weizhi-lin

assets/css/nav.css

@@ -58,8 +58,9 @@
     .topnav {
         flex-direction: column; /* Stacks items vertically */
         align-items: flex-start; /* Aligns items to the left */
-        padding: 8px 10px; /* Thinner padding for a slimmer bar */
+        padding: 0; /* Removes padding for a tighter fit */
         box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Adds a subtle shadow */
+        width: 100%; /* Ensures full width */
     }
 
     .topnav #myLinks {
@@ -74,12 +75,12 @@
         font-size: 14px; /* Slightly smaller font size */
         background-color: #808080;
         color: #ffffff; /* White text for better contrast */
-        padding: 4px 6px; /* Minimal padding for a thinner icon */
+        padding: 6px; /* Minimal padding for a thinner icon */
         cursor: pointer;
-        margin-right: auto; /* Pushes the icon to the left */
-        margin-left: 12px; /* Adds space from the left edge */
+        margin: 0; /* Removes margin for alignment */
         order: -1; /* Ensures the icon appears first in the flex container */
-        border-radius: 4px; /* Optional: Rounds the edges for a better look */
+        border-radius: 0; /* Removes rounded edges */
+        align-self: flex-start; /* Aligns the icon to the left */
     }
 
     .topnav a.normal {