From 5c128cb2aedbdb8f9686d707159ad9e72cd5b4ad Mon Sep 17 00:00:00 2001
From: Janis M <janis.meister87@gmail.com>
Date: Tue, 29 Mar 2022 10:56:41 +0200
Subject: [PATCH] header changes

---
 static/css/header.css     | 16 +++++++++++-----
 static/css/product.css    | 11 +++++++++--
 views/partials/header.ejs |  2 +-
 3 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/static/css/header.css b/static/css/header.css
index 8599dbb..7e85d4e 100644
--- a/static/css/header.css
+++ b/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;
-}
\ No newline at end of file
+}
+
+@media only screen and (max-width: 800px) {
+    .headerDIVSearch {
+        
+    }
+  }
\ No newline at end of file
diff --git a/static/css/product.css b/static/css/product.css
index 2a697f7..7dd5805 100644
--- a/static/css/product.css
+++ b/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;
-}
\ No newline at end of file
+}
+
+
+@media only screen and (max-width: 1030px) {
+    #content
+    {
+        width: 100%; 
+    }
+  }
\ No newline at end of file
diff --git a/views/partials/header.ejs b/views/partials/header.ejs
index dab99a2..ac5ba4b 100644
--- a/views/partials/header.ejs
+++ b/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>