header changes

static/css/header.css

@@ -20,7 +20,7 @@ body {
 
 /* LOGO PART */
 .headerDIVLogo {
-    width: 20%;
+    width: 35px;
 }
 .headerDIVLogo > img {
     float: left;
@@ -53,12 +53,12 @@ body {
 
 /* BUTTON PART */
 .headerDIVButton {
-    width: 20%;
+    float: right;
 }
-.headerDIVButton > button {
+.headerDIVButton button {
     height: 30px;
     float: right;
-    margin-right: 10px;
+    margin-right: 5px;
     height: 35px;
     border-radius: 5px;
     border: 3px solid rgb(6, 70, 107);
@@ -91,4 +91,10 @@ body {
     height: 65px;
     background-color: #414854;
     margin: 0;
-}
+}
+
+@media only screen and (max-width: 800px) {
+    .headerDIVSearch {
+        
+    }
+  }

static/css/product.css

@@ -37,7 +37,6 @@ h1, h2{
 #content
 {
     width: 1000px;
-    height:3000px;  
     background-color: rgb(244, 244, 244);
     margin:auto;
     padding-top: 10px;
@@ -235,4 +234,12 @@ textarea{
     display:block;
     margin-left: auto;
     margin-right: auto;
-}
+}
+
+
+@media only screen and (max-width: 1030px) {
+    #content
+    {
+        width: 100%; 
+    }
+  }

views/partials/header.ejs

@@ -6,7 +6,7 @@
         ><button class="vertical-center"><i class="material-icons">search</i></button>
     </div><div class="headerDIVButton">
         <% if(user){ %>
-        <button class="vertical-center" id="headerBtnLogout" onclick="window.open('/logout', '_self')">Log out</button>
+            <button class="vertical-center" id="headerBtnLogout" onclick="window.open('/logout', '_self')">Log out</button>
             <button class="vertical-center" onclick="window.open('/account', '_self')">Ihr Konto</button>
         <%} else{%>
             <button class="vertical-center" onclick="window.open('/register', '_self')">Registrieren</button>