From ae74cbf13637c268651372e88107a68795748942 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Thu, 2 Jul 2026 14:54:45 +0000 Subject: [PATCH] Fix reader card action buttons overflowing into adjacent card --- public/css/style.css | 8 ++++++++ public/preview.html | 35 +++++++++++++++++++++++++++++++++++ 2 files changed, 43 insertions(+) create mode 100644 public/preview.html diff --git a/public/css/style.css b/public/css/style.css index 19b030f..0e23a73 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -222,6 +222,7 @@ button.danger { border: 1px solid var(--border); border-radius: 10px; padding: 16px; + min-width: 0; } .reader-card .reader-name { @@ -252,10 +253,17 @@ button.danger { .reader-card .actions { display: flex; + flex-wrap: wrap; gap: 8px; margin-top: 12px; } +.reader-card .actions button { + flex: 1 1 calc(50% - 8px); + padding: 10px 8px; + white-space: nowrap; +} + .badge { display: inline-block; padding: 2px 8px; diff --git a/public/preview.html b/public/preview.html new file mode 100644 index 0000000..ad94c15 --- /dev/null +++ b/public/preview.html @@ -0,0 +1,35 @@ + + + + + +

Readers

+
+
+
Test A
+
1111
+
Enabled
+
Armed
+
Unlock time (s)
+
+ + + + +
+
+
+
Test B
+
2222
+
Enabled
+
Armed
+
Unlock time (s)
+
+ + + + +
+
+
+