discord webhook fix

views/DashboardView.php

@@ -29,12 +29,14 @@
     <style>
         .user-header {
             background: var(--header-bg, #2c3e50);
-            padding: 0.75rem 2rem;
+            padding: 0.5rem 1rem;
             color: var(--header-text, white);
             display: flex;
             justify-content: space-between;
             align-items: center;
             border-bottom: 1px solid var(--border-color, #ddd);
+            max-width: 100%;
+            box-sizing: border-box;
         }
         body.light-mode .user-header {
             --header-bg: #f8f9fa;
@@ -49,22 +51,42 @@
         .user-header-left, .user-header-right {
             display: flex;
             align-items: center;
-            gap: 1rem;
+            gap: 0.75rem;
+            flex-shrink: 1;
+            min-width: 0;
         }
         .app-title {
             font-weight: bold;
-            font-size: 1.1rem;
+            font-size: 1rem;
             color: var(--header-text);
+            white-space: nowrap;
         }
         .user-name {
             color: var(--header-text);
+            font-size: 0.9rem;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
         }
         .admin-badge {
             background: #e74c3c;
             color: white;
-            padding: 0.25rem 0.5rem;
+            padding: 0.2rem 0.4rem;
             border-radius: 4px;
-            font-size: 0.85rem;
+            font-size: 0.75rem;
+            white-space: nowrap;
+        }
+        /* Responsive design for smaller screens */
+        @media (max-width: 768px) {
+            .user-header {
+                padding: 0.5rem 0.75rem;
+            }
+            .app-title {
+                font-size: 0.9rem;
+            }
+            .user-name {
+                font-size: 0.85rem;
+            }
         }
     </style>
     <div class="dashboard-header">