From 87103f85f9245f52aa64d82c0c6005c4c5099d72 Mon Sep 17 00:00:00 2001
From: Miguel Ribeiro <k.d.mintnick@gmail.com>
Date: Sun, 29 Sep 2024 16:04:23 +0200
Subject: [PATCH] fix styles

---
 styles/dark-theme.css | 37 ++++++++++++++++++++++---------------
 styles/styles.css     |  6 +++---
 2 files changed, 25 insertions(+), 18 deletions(-)

diff --git a/styles/dark-theme.css b/styles/dark-theme.css
index ad8fc6d9c..6a44c1b5e 100644
--- 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;
-  }
\ No newline at end of file
+    .mobile-nav>a>i {
+        color: #777;
+    }
+
+    .mobile-nav>a.active>i {
+        color: #f0f0F0;
+    }
+}
\ No newline at end of file
diff --git a/styles/styles.css b/styles/styles.css
index 541555949..f2f7489fe 100644
--- 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;