feat(ui): enhance email status bar layout with improved styling and responsiveness

2025-12-28 13:14:47 +01:00
parent b539738d1e
commit fad92a0b24
2 changed files with 41 additions and 12 deletions
@@ -158,6 +158,14 @@ body.modal-open {
 .email-status-text {
  color: var(--text-secondary);
  flex: 1;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.25rem 0.5rem;
+}
+
+.email-status-line {
+  white-space: normal;
+  word-break: break-word;
 }

 .email-status-text strong {
@@ -174,7 +182,17 @@ body.modal-open {

@media (max-width: 600px) {
  .email-status-bar {
-    flex-wrap: wrap;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0.5rem;
+  }
+  .email-status-text {
+    flex-direction: column;
+    gap: 0.35rem;
+    width: 100%;
+  }
+  .email-status-line {
+    display: block;
  }
  .email-status-recipient {
    width: 100%;