From ceb04a1b835a3e8ca228b2ef8918f1683b6a4da9 Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Tue, 16 Jun 2026 22:23:23 -0600
Subject: [PATCH] fix: wrap workspace toolbar buttons on narrow mobile widths

---
 src/style.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/style.css b/src/style.css
index dde20b1..1a0c414 100644
--- 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;