Fix jwt-token

client/src/index.css

@@ -101,3 +101,47 @@ body {
 .table td {
   @apply px-6 py-4 whitespace-nowrap text-sm text-gray-900;
 }
+
+/* Mobile-responsive toast notifications */
+.toast-container {
+  max-height: 50vh !important;
+  overflow-y: auto !important;
+}
+
+/* Mobile optimizations for toasts */
+@media (max-width: 768px) {
+  .toast-container {
+    position: fixed !important;
+    top: 4rem !important; /* Below mobile header */
+    left: 0.5rem !important;
+    right: 0.5rem !important;
+    max-height: 40vh !important;
+    z-index: 9999 !important;
+  }
+  
+  /* Make individual toasts smaller on mobile */
+  .toast-container > div {
+    max-width: none !important;
+    margin: 0 !important;
+    margin-bottom: 0.5rem !important;
+    font-size: 13px !important;
+    padding: 0.75rem !important;
+    border-radius: 0.5rem !important;
+  }
+  
+  /* Limit the number of visible toasts on mobile */
+  .toast-container > div:nth-child(n+4) {
+    display: none !important;
+  }
+}
+
+/* Tablet optimizations */
+@media (min-width: 769px) and (max-width: 1024px) {
+  .toast-container {
+    max-height: 60vh !important;
+  }
+  
+  .toast-container > div:nth-child(n+6) {
+    display: none !important;
+  }
+}