Improved mobile view of navbar

resources/css/cssall.css

@@ -29,7 +29,7 @@ body {
   right: 2rem;
   top: 8px;
   padding: 1rem;
-  width: 20rem;
+  width: 30%;
   height: 39px;
   border-radius: .5rem;
   outline: none;

resources/css/navbar.css

@@ -74,6 +74,22 @@
     margin: 10px 0 0 10px!important;
     display: block!important;
   }
+  .navbarList {
+    height: 100%;
+    margin: 0!important;
+    padding-top: 13px!important;
+  }
+  .dropdownList {
+    background-color: transparent;
+    border: 0;
+    padding: 0;
+    margin: 0;
+  }
+  .navList{
+    padding: 10px 0 10px 1rem!important;
+    margin: 0!important;
+    border-top: #454752 2px solid;
+  }
   .navigation li{
     display: none;
     background-color: #101012;