From 04796868b1efc52bc6e6339fd4bfc7e7659e00be Mon Sep 17 00:00:00 2001
From: zugdev <zug.dev@proton.me>
Date: Wed, 4 Dec 2024 12:50:26 -0300
Subject: [PATCH 1/3] feat: fix alignment

---
 static/style/inverted-style.css | 8 ++++++--
 static/style/style.css          | 8 ++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/static/style/inverted-style.css b/static/style/inverted-style.css
index ae9c135..a395003 100644
--- a/static/style/inverted-style.css
+++ b/static/style/inverted-style.css
@@ -360,18 +360,22 @@
   }
   .toolbar {
     position: fixed;
-    width: 100vw;
+    width: 100%;
     height: 48px;
     top: 0;
+    padding: 0 5px;
     backdrop-filter: blur(8px);
     display: flex;
     border-bottom: 1px solid #7f7f7f20;
     -webkit-backdrop-filter: blur(8px);
     align-items: center;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
   }
   #authentication {
     position: absolute;
-    right: 0;
+    right: 5px;
     cursor: pointer;
     vertical-align: middle;
     flex: 0 0 auto;
diff --git a/static/style/style.css b/static/style/style.css
index 465a250..bd79126 100644
--- a/static/style/style.css
+++ b/static/style/style.css
@@ -360,18 +360,22 @@
   }
   .toolbar {
     position: fixed;
-    width: 100vw;
+    width: 100%;
     height: 48px;
     top: 0;
+    padding: 0 5px;
     backdrop-filter: blur(8px);
     display: flex;
     border-bottom: 1px solid #80808020;
     -webkit-backdrop-filter: blur(8px);
     align-items: center;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
   }
   #authentication {
     position: absolute;
-    right: 0;
+    right: 5px;
     cursor: pointer;
     vertical-align: middle;
     flex: 0 0 auto;

From 1e6f27e0c78771764488eeb8ad29e77bf906fdc1 Mon Sep 17 00:00:00 2001
From: zugdev <zug.dev@proton.me>
Date: Wed, 4 Dec 2024 12:53:00 -0300
Subject: [PATCH 2/3] feat: fix overflows

---
 static/style/inverted-style.css | 4 ++--
 static/style/style.css          | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/static/style/inverted-style.css b/static/style/inverted-style.css
index a395003..7c6b2ce 100644
--- a/static/style/inverted-style.css
+++ b/static/style/inverted-style.css
@@ -1,4 +1,4 @@
-@media (orientation: portrait) or (max-width: 800px) {
+@media (orientation: portrait) or (max-width: 1005px) {
   #filters {
     display: none;
   }
@@ -432,7 +432,7 @@
       display: none;
     }
   }
-  @media screen and (max-width: 1350px) {
+  @media screen and (max-width: 1361px) {
     .partner {
       margin-top: 0;
     }
diff --git a/static/style/style.css b/static/style/style.css
index bd79126..b7150c3 100644
--- a/static/style/style.css
+++ b/static/style/style.css
@@ -1,4 +1,4 @@
-@media (orientation: portrait) or (max-width: 800px) {
+@media (orientation: portrait) or (max-width: 1005px) {
   #filters {
     display: none;
   }
@@ -432,7 +432,7 @@
       display: none;
     }
   }
-  @media screen and (max-width: 1350px) {
+  @media screen and (max-width: 1361px) {
     .partner {
       margin-top: 0;
     }

From d748779f06c87551d4e10900056f9069dd52fc88 Mon Sep 17 00:00:00 2001
From: zugdev <zug.dev@proton.me>
Date: Wed, 4 Dec 2024 13:36:06 -0300
Subject: [PATCH 3/3] feat: fix padding

---
 static/style/inverted-style.css | 7 ++-----
 static/style/style.css          | 7 ++-----
 2 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/static/style/inverted-style.css b/static/style/inverted-style.css
index 7c6b2ce..f1f7836 100644
--- a/static/style/inverted-style.css
+++ b/static/style/inverted-style.css
@@ -363,7 +363,7 @@
     width: 100%;
     height: 48px;
     top: 0;
-    padding: 0 5px;
+    padding: 0 8px;
     backdrop-filter: blur(8px);
     display: flex;
     border-bottom: 1px solid #7f7f7f20;
@@ -375,7 +375,7 @@
   }
   #authentication {
     position: absolute;
-    right: 5px;
+    right:8px;
     cursor: pointer;
     vertical-align: middle;
     flex: 0 0 auto;
@@ -796,9 +796,6 @@
     flex: 0 0 auto;
     appearance: none;
   }
-  label[for="view-toggle"] {
-    margin-left: 8px;
-  }
   #bottom-right {
     position: fixed;
     bottom: 4px;
diff --git a/static/style/style.css b/static/style/style.css
index b7150c3..7080a8d 100644
--- a/static/style/style.css
+++ b/static/style/style.css
@@ -363,7 +363,7 @@
     width: 100%;
     height: 48px;
     top: 0;
-    padding: 0 5px;
+    padding: 0 8px;
     backdrop-filter: blur(8px);
     display: flex;
     border-bottom: 1px solid #80808020;
@@ -375,7 +375,7 @@
   }
   #authentication {
     position: absolute;
-    right: 5px;
+    right:8px;
     cursor: pointer;
     vertical-align: middle;
     flex: 0 0 auto;
@@ -796,9 +796,6 @@
     flex: 0 0 auto;
     appearance: none;
   }
-  label[for="view-toggle"] {
-    margin-left: 8px;
-  }
   #bottom-right {
     position: fixed;
     bottom: 4px;