From a1482b6645293665a5cb6349f7276e8b9f76b32a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ferit=20Yi=C4=9Fit=20BALABAN?= <fyb@duck.com>
Date: Thu, 21 Jul 2022 20:25:54 +0300
Subject: [PATCH] Resize header padding when lower 400px & dropdown-toggle
 margin fix

---
 resources/css/mixins.scss    | 6 ++++++
 resources/css/variables.scss | 1 +
 resources/styles/main.css    | 7 ++++++-
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/resources/css/mixins.scss b/resources/css/mixins.scss
index bcad4da..d9ae07b 100644
--- a/resources/css/mixins.scss
+++ b/resources/css/mixins.scss
@@ -24,6 +24,12 @@
   }
 }
 
+@mixin header_overflow3 {
+  @media screen and (max-width: variables.$header_overflow3) {
+    @content;
+  }
+}
+
 @mixin mx_index_brands_fix {
   @media screen and (max-width: variables.$index_brands_fix) {
     @content;
diff --git a/resources/css/variables.scss b/resources/css/variables.scss
index 1bb86c0..0bbce49 100644
--- a/resources/css/variables.scss
+++ b/resources/css/variables.scss
@@ -1,5 +1,6 @@
 $header_overflow: 1200px;
 $header_overflow2: 850px;
+$header_overflow3: 360px;
 $index_brands_fix: 1100px;
 $index_brands_fix2: 850px;
 $footer_overflow: 1200px;
diff --git a/resources/styles/main.css b/resources/styles/main.css
index 2f18663..38b1657 100644
--- a/resources/styles/main.css
+++ b/resources/styles/main.css
@@ -407,6 +407,11 @@ a:hover {
     padding: 0 50px;
   }
 }
+@media screen and (max-width: 360px) {
+  #header {
+    padding: 0 25px;
+  }
+}
 #header #logo {
   display: flex;
   align-items: center;
@@ -462,7 +467,7 @@ a:hover {
   display: none;
 }
 #header .dropdown-toggle {
-  margin: 0 auto 0;
+  margin: 0;
   width: 36px;
   height: 36px;
   position: relative;