fix styles

ellite · Sep 29, 2024 · 87103f8 · 87103f8
1 parent f4e40cf
commit 87103f8
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 18 deletions.
diff --git a/styles/dark-theme.css b/styles/dark-theme.css
@@ -218,14 +218,14 @@ button.dark-theme-button:hover {
     border: 1px solid #666;
 }
 
-input[type="checkbox"] + label::before,
-input[type="radio"] + label::before {
+input[type="checkbox"]+label::before,
+input[type="radio"]+label::before {
     background: #555;
     border: 1px solid #666;
 }
 
-input[type="checkbox"]:disabled + label::before,
-input[type="radio"]:disabled + label::before {
+input[type="checkbox"]:disabled+label::before,
+input[type="radio"]:disabled+label::before {
     background-color: #333;
     border-color: #222;
     cursor: not-allowed;
@@ -250,16 +250,23 @@ input {
     border: 2px dashed #444;
 }
 
-.mobile-nav {
-    background-color: #222;
-    border-top: #111;
-    box-shadow: 0 -2px 5px rgba(120, 120, 120, 0.1);;
-}
+@media (max-width: 768px) {
+    .mobile-nav {
+        background-color: #222;
+        border-top: #111;
+        box-shadow: 0 -2px 5px rgba(120, 120, 120, 0.1);
+        ;
+    }
 
-.mobile-nav>a {
-    padding: 0px 10px;
-}
+    .mobile-nav>a {
+        padding: 0px 10px;
+    }
 
-.mobile-nav>a.active>i {
-    color: #BBB;
-  }
+    .mobile-nav>a>i {
+        color: #777;
+    }
+
+    .mobile-nav>a.active>i {
+        color: #f0f0F0;
+    }
+}
diff --git a/styles/styles.css b/styles/styles.css
@@ -12,7 +12,7 @@ body.no-scroll {
 
 @media (max-width: 768px) {
   main {
-    margin-bottom: 60px;
+    margin-bottom: 70px;
   }
 }
 
@@ -1672,7 +1672,7 @@ button.dark-theme-button i {
 
 @media (max-width: 768px) {
   .toast {
-    bottom: 60px;
+    bottom: 70px;
     right: 0px;
     left: 0px;
     width: 100%;
@@ -2578,7 +2578,7 @@ input[type="radio"]:checked+label::after {
     flex-direction: row;
     justify-content: space-around;
     z-index: 2;
-    padding: 10px 0px;
+    padding: 10px 0px 20px 0px;
     font-size: 28px;
     box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
     box-sizing: border-box;