From d41adfd5cc57731a8bbe7af94e9d337efa431926 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Tue, 22 Jul 2025 14:16:36 +0400
Subject: [PATCH] fix: adpat dark mode & header for mobile device

---
 css/styles.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index ecdd64b..1f535a4 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1566,6 +1566,7 @@ img {
     position: relative;
     z-index: 200;
     margin-left: 15px;
+    color: var(--text-color);
 }
 
 .mobile-menu {
@@ -1595,6 +1596,7 @@ img {
     border: none;
     font-size: 24px;
     cursor: pointer;
+    color: var(--text-color);
 }
 
 /* Amélioration de l'espacement dans le menu mobile */
@@ -1700,12 +1702,14 @@ img {
     
     /* Ajuster le header pour l'affichage mobile */
     .header {
-        width: 100%;
+        width: 100vw;
         max-width: 100vw;
         margin-left: -20px;
-        padding-left: 35px;
-        padding-right: 40px;
+        padding-left: 20px;
+        padding-right: 20px;
         box-sizing: border-box;
+        position: relative;
+        left: 0;
     }
     
     .mobile-menu-toggle {
@@ -1960,7 +1964,7 @@ i.icon-mastodon,
     font-weight: 600;
     margin: 20px 0 10px;
     padding: 0;
-    color: #333;
+    color: var(--text-color);
     text-align: center;
 }