fix burger menu icon

css/styles.css

@@ -603,10 +603,9 @@ img {
     border: none;
     font-size: 24px;
     cursor: pointer;
-    position: fixed;
+    position: relative;
-    top: 15px;
-    right: 15px;
     z-index: 200;
+    margin-left: 15px;
 }
 
 .mobile-menu {
@@ -709,17 +708,23 @@ img {
     }
     
     .header {
-        padding: 10px;
+        padding: 10px 15px;
+        justify-content: space-between;
     }
     
     .search-container {
-        max-width: 100%;
+        max-width: 50%;
     }
     
     .social-icons {
         display: none;
     }
     
+    .action-icons {
+        display: flex;
+        align-items: center;
+    }
+    
     .hero-mastodon-wrapper {
         flex-direction: column;
     }

index.php

@@ -92,6 +92,9 @@
             <div class="action-icons">
                 <a href="#" class="icon-button"><i class="fas fa-film"></i></a>
                 <button class="dark-mode-toggle"><i class="fas fa-moon"></i></button>
+                <button class="mobile-menu-toggle">
+                    <i class="fas fa-bars"></i>
+                </button>
             </div>
         </div>
         
@@ -352,10 +355,6 @@
     </div>
     
     <!-- Menu mobile (masqué par défaut) -->
-    <button class="mobile-menu-toggle">
-        <i class="fas fa-bars"></i>
-    </button>
-    
     <div class="mobile-menu">
         <button class="mobile-menu-close">
             <i class="fas fa-times"></i>