Header

assets/main.css

@@ -2,17 +2,38 @@
   padding: 0;
   margin: 0;
   box-sizing: border-box;
-  font-family: "TimesNewRoman";
+  font-family: "Times New Roman";
 }
 
-.heading {
-  background-color: beige;
+/* Header */
+
+.header {
+  background-color: #a5aeb5;
+  width: 100%;
+
 }
 
+#header-table th {
+  text-transform: uppercase;
+  text-align: left;
+  padding: 8px;
+  min-width: 20px;
+}
+
+#header-table tr {
+  min-width: 20px;
+}
+
+#header-table td {
+  text-align: left;
+  padding: 8px;
+}
+
+/* main content field */
 .main-container {
-  max-width: 45vw;
+  max-width: 70vw;
   margin: auto;
-  padding-top: 60px;
+  padding-top: 10px;
 }
 
 /* The side navigation menu */
@@ -43,7 +64,6 @@
 
 /* The navigation menu links */
 .sidenav a {
-  padding: 8px 8px 8px 32px;
   text-decoration: none;
   font-size: 25px;
   color: #e0e2e3;
@@ -78,6 +98,7 @@
 }
 
 /* Styling for adresses */
+/* search input */
 input {
   display: block;
   width: 350px;
@@ -92,6 +113,7 @@ input {
     rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
 }
 
+/* items */
 .item {
   width: 350px;
   margin: 0 auto 10px auto;
@@ -102,12 +124,18 @@ input {
     rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
 }
 
+/* */
 .adresses {
   background-color: #a5aeb5;
   cursor: pointer;
 }
 
+/* error message */
 .error {
   background-color: tomato;
 }
 
+
+
+
+