From a738f089058f73e9bec2142ca50053effc311aae Mon Sep 17 00:00:00 2001
From: msosic97 <msosic97@gmail.com>
Date: Mon, 14 Mar 2022 12:22:36 +0100
Subject: [PATCH] edit css categorybtns

---
 kivi-cars/src/components/Button/button.css | 33 ++++++++++++++++++----
 kivi-cars/src/components/Header/Header.css |  2 +-
 2 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/kivi-cars/src/components/Button/button.css b/kivi-cars/src/components/Button/button.css
index 1d671ef..09472cb 100644
--- a/kivi-cars/src/components/Button/button.css
+++ b/kivi-cars/src/components/Button/button.css
@@ -4,7 +4,7 @@
 }
 
 .standardBtn {
-    width: 150px;
+    width:300px;
     background-color: #02ADBA;
     font-size: 15px;
     padding: 7px 20px 7px 20px;
@@ -21,13 +21,36 @@
     padding: 5px;
 }
 .left-button:hover {
-    background-color:#9eedf3 
+    background-color:#9eedf3; 
 }
 
 .right-button {
     padding: 5px;
 }
 .right-button:hover {
-    background-color:#9eedf3 
- 
-}
\ No newline at end of file
+    background-color:#9eedf3;
+}
+
+@media screen and (max-width: 700px) {
+    .standardBtn {
+        width: 200px;
+        background-color: #02ADBA;
+        font-size: 15px;
+        padding: 7px 20px 7px 20px;
+        color: white;
+        border: #02ADBA;
+    }
+  }
+
+  
+
+  @media screen and (max-width: 400px) {
+    .standardBtn {
+        width: 150px;
+        background-color: #02ADBA;
+        font-size: 15px;
+        padding: 7px 20px 7px 20px;
+        color: white;
+        border: #02ADBA;
+    }
+  }  
\ No newline at end of file
diff --git a/kivi-cars/src/components/Header/Header.css b/kivi-cars/src/components/Header/Header.css
index f06f163..520e4c1 100644
--- a/kivi-cars/src/components/Header/Header.css
+++ b/kivi-cars/src/components/Header/Header.css
@@ -13,7 +13,7 @@ header {
     font-size: 25px;
 }
 
-  @media screen and (max-width: 800px) {
+  @media screen and (max-width: 700px) {
     .title {
         font-size: 20px;
     }