From a14c41de4ed624c82eb110b3dc91a78d1728a75f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <bjoern.fromme@ep-reisen.de>
Date: Tue, 6 Oct 2026 11:22:54 +0200
Subject: [PATCH] fix: keep icon-only buttons at least one line tall

---
 assets/styles/components/button.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/assets/styles/components/button.css b/assets/styles/components/button.css
index 4a84c4a8..c4c57e16 100644
--- a/assets/styles/components/button.css
+++ b/assets/styles/components/button.css
@@ -5,10 +5,13 @@
     @apply uppercase text-center text-sm/6 md:text-base/6;
     @apply transition-colors outline-none focus:outline-2 focus:outline-offset-2 focus:outline-primary-dark;
     @apply rounded-md;
+    /* At least one line tall even when the content is only a smaller icon: line + padding + border */
+    min-height: calc(1lh + 2 * theme('spacing.2') + 2px);
 }
 
 .button--small {
     @apply px-2 py-1 md:px-4 text-xs/6 sm:text-sm/6;
+    min-height: calc(1lh + 2 * theme('spacing.1') + 2px);
 }
 
 .button--primary {