feat: Refactor session management UI and enhance accessibility features

2025-10-07 15:33:45 +02:00
parent ddf29c1d36
commit f3b30d46c9
3 changed files with 85 additions and 23 deletions
--- a/app/static/style.css
+++ b/app/static/style.css
@@ -73,11 +73,28 @@ main {
  justify-content: center;
  align-items: center;
  gap: 1rem;
+  flex-wrap: wrap;
 }

 .helper-button {
  min-width: 14rem;
  font-weight: 600;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.45rem;
+}
+
+.session-card-toggle-status {
+  display: inline-flex;
+  align-items: center;
+  font-weight: 600;
+  line-height: 1.1;
+}
+
+.session-card-toggle-text {
+  font-weight: 500;
+  color: var(--muted);
 }

 .card {
@@ -143,8 +160,7 @@ main {
 }

 .session-toggle {
-  align-self: center;
-  white-space: nowrap;
+  align-self: flex-start;
 }

 .session-details {