Fix CSS positioning issues

CaptainIRS · Feb 24, 2024 · 9787243 · 9787243
1 parent 9a99e2d
commit 9787243
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -106,6 +106,7 @@
 
         .tag {
             font-size: 0.5rem !important;
+            height: 2rem;
         }
 
         .dark .tag {
@@ -118,7 +119,6 @@
         }
 
         .tabs {
-            margin-bottom: -1.2rem !important;
             position: sticky;
             z-index: 1001;
             font-size: 0.75rem !important;
@@ -141,6 +141,7 @@
             text-align: center;
             font-size: 0.75rem !important;
             background-color: rgb(245, 245, 245);
+            height: 1.25rem;
         }
 
         .dark footer {
@@ -149,7 +150,7 @@
 
         #container {
             position: absolute;
-            top: 1.5rem;
+            top: 2rem;
             height: 100dvh;
             height: 100%;
             width: 100%;
@@ -159,9 +160,9 @@
 
         #info-container {
             position: absolute;
-            top: 1.5rem;
-            height: calc(100dvh - 3rem);
-            height: calc(100% - 3rem);
+            top: 2rem;
+            height: calc(100dvh - 2rem - 1.25rem);
+            height: calc(100% - 2rem - 1.25rem);
             width: 100%;
             overflow-y: auto;
             transition: visibility 0.5s, opacity 0.5s linear;