Change navbar styling a bit

assets/style.css

@@ -80,6 +80,10 @@ li {
     list-style: none;
 }
 
+nav li {
+    margin: unset;
+}
+
 header ul li {
     list-style: circle;
     width: fit-content;
@@ -147,7 +151,6 @@ ul.navpage_list {
     display: none;
     flex-direction: column;
     overflow: hidden;
-    position: fixed;
     transition: max-height .3s ease, border .325s ease !important;
     z-index: 2;
 }
@@ -211,7 +214,7 @@ ul.navpage_list {
 
 #statusMessageContainer {
     position: fixed;
-    top: 80px;
+    top: 100px;
     right: 20px;
     z-index: 510;
     display: flex;
@@ -416,10 +419,16 @@ div#articleslist>article{
         flex-direction: column;
         width: 100%;
         text-align: center;
+        padding: 0 8px;
+        left: 0;
+        right: 0;
+        margin: 0;
+        gap: 1rem;
     }
 
     #navsite_list li {
         text-align: center;
+        padding: 0;
     }
 
     .navsite_item {
@@ -446,8 +455,9 @@ div#articleslist>article{
         -webkit-box-shadow: 0 20px 28px 0 var(--dimmer);
         background-color: var(--dimmer);
         box-shadow: 0 20px 28px 0 var(--dimmer);
-        top: 80px;
+        top: 100px;
         text-align: center;
+        left: 0;
     }
 
     nav {
@@ -464,4 +474,8 @@ div#articleslist>article{
         max-width: 200px;
         max-height: 200px;
     }
+
+    .navsite_link {
+        width: 100%;
+    }
 }