From 83bb86bc9374e6523dcc8c021eb4f02dc6853bd6 Mon Sep 17 00:00:00 2001
From: Lars Nolden <me@larsnolden.com>
Date: Mon, 14 Sep 2026 12:42:23 +0200
Subject: [PATCH] Wrap the transactions toolbar on phones

With the classification select beside the review toggle, the search
shrank to a sliver at phone widths; below 680px it now takes its own
full-width row.
---
 web/src/styles.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/web/src/styles.css b/web/src/styles.css
index 35f827c..b744e82 100644
--- a/web/src/styles.css
+++ b/web/src/styles.css
@@ -1667,6 +1667,15 @@ footer span:first-child {
     width: 238px;
     transition: transform 0.2s;
   }
+  /* With the classification select beside the review toggle, the search
+     would shrink to a sliver on phones; give it its own full-width row. */
+  .panel-toolbar {
+    flex-wrap: wrap;
+  }
+  .search {
+    flex-basis: 100%;
+    max-width: none;
+  }
   .sidebar.open {
     transform: translateX(0);
   }