fix: wrap workspace toolbar buttons on narrow mobile widths

2026-06-16 22:23:23 -06:00
parent 2de18e40e2
commit ceb04a1b83
1 changed files with 18 additions and 0 deletions
--- a/src/style.css
+++ b/src/style.css
@@ -725,6 +725,24 @@ table {
  }
 }

+@media (max-width: 600px) {
+  .workspace-toolbar {
+    height: auto;
+    flex: 0 0 auto;
+    flex-wrap: wrap;
+    padding: var(--space-2) var(--space-4);
+    gap: var(--space-2);
+  }
+
+  .workspace-toolbar button {
+    flex: 0 0 auto;
+  }
+
+  .workspace-toolbar-count {
+    flex: 1 1 100%;
+  }
+}
+
 /* Book list */
 .book-list-create {
  display: flex;