Merge pull request #181 from zugdev/fix-alignment

ubiquity · Dec 8, 2024 · ae1cb23 · ae1cb23
2 parents 882febf + 0580501
commit ae1cb23
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 14 deletions.
diff --git 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;
   }
@@ -360,18 +360,22 @@
   }
   .toolbar {
     position: fixed;
-    width: 100vw;
+    width: 100%;
     height: 48px;
     top: 0;
+    padding: 0 8px;
     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:8px;
     cursor: pointer;
     vertical-align: middle;
     flex: 0 0 auto;
@@ -428,7 +432,7 @@
       display: none;
     }
   }
-  @media screen and (max-width: 1350px) {
+  @media screen and (max-width: 1361px) {
     .partner {
       margin-top: 0;
     }
@@ -792,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
@@ -1,4 +1,4 @@
-@media (orientation: portrait) or (max-width: 800px) {
+@media (orientation: portrait) or (max-width: 1005px) {
   #filters {
     display: none;
   }
@@ -360,18 +360,22 @@
   }
   .toolbar {
     position: fixed;
-    width: 100vw;
+    width: 100%;
     height: 48px;
     top: 0;
+    padding: 0 8px;
     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:8px;
     cursor: pointer;
     vertical-align: middle;
     flex: 0 0 auto;
@@ -428,7 +432,7 @@
       display: none;
     }
   }
-  @media screen and (max-width: 1350px) {
+  @media screen and (max-width: 1361px) {
     .partner {
       margin-top: 0;
     }
@@ -792,9 +796,6 @@
     flex: 0 0 auto;
     appearance: none;
   }
-  label[for="view-toggle"] {
-    margin-left: 8px;
-  }
   #bottom-right {
     position: fixed;
     bottom: 4px;