Update Frontend.html

Author: CSwebD

domains/Frontend.html

@@ -404,14 +404,25 @@
       background-color: #377536;
       color: white;
       border: none;
-      border-radius: 50%;
-      width: 60px;
+      border-radius: 12px;
+      width: auto;
+      min-width: 60px;
       height: 60px;
-      font-size: 24px;
+      padding: 0 20px;
+      font-size: 16px;
+      font-weight: 600;
       box-shadow: 0 4px 12px rgba(55, 117, 54, 0.4);
       cursor: pointer;
-      z-index: 9999;
+      z-index: 900;
       transition: all 0.3s;
+      display: none;
+      align-items: center;
+      justify-content: center;
+      gap: 8px;
+    }
+
+    .mobile-content-toggle i {
+      font-size: 20px;
     }
 
     .mobile-content-toggle:active {
@@ -432,7 +443,7 @@
       width: 100%;
       height: 100%;
       background-color: rgba(0, 0, 0, 0.5);
-      z-index: 1001;
+      z-index: 998;
       opacity: 0;
       transition: opacity 0.3s;
     }
@@ -450,7 +461,7 @@
       width: 100%;
       height: 50%;
       background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
-      z-index: 1002;
+      z-index: 999;
       transform: translateY(-100%);
       transition: transform 0.3s ease-out;
       overflow-y: auto;
@@ -516,7 +527,10 @@
         display: none;
       }
 
-      .mobile-content-toggle,
+      .mobile-content-toggle {
+        display: flex !important;
+      }
+
       .mobile-sidebar-overlay,
       .mobile-sidebar {
         display: block;
@@ -563,7 +577,8 @@
 
   <!-- Mobile Content Toggle Button -->
   <button class="mobile-content-toggle" id="mobileContentToggle" aria-label="Toggle content menu">
-    <i class="fas fa-list"></i>
+    <i class="fas fa-list-ul"></i>
+    <span>Content</span>
   </button>
 
   <!-- Mobile Sidebar Overlay -->