From ebefc83ef85288404e109b5b53d0fd65c55c0e3c Mon Sep 17 00:00:00 2001
From: Jon Staab <jstaab@protonmail.com>
Date: Fri, 3 Jul 2026 13:24:52 -0700
Subject: [PATCH] Add button-input

---
 src/app/components/CalendarEventForm.svelte | 2 +-
 src/lib/components/button.css               | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/app/components/CalendarEventForm.svelte b/src/app/components/CalendarEventForm.svelte
index d1df73e0..03f10341 100644
--- a/src/app/components/CalendarEventForm.svelte
+++ b/src/app/components/CalendarEventForm.svelte
@@ -180,7 +180,7 @@
           </div>
           <Button
             data-tip="Add an image"
-            class="button button-neutral tip"
+            class="button button-neutral button-input tip"
             onclick={selectFiles}
             disabled={loading}>
             {#if $uploading}
diff --git a/src/lib/components/button.css b/src/lib/components/button.css
index aa700742..c9a4e263 100644
--- a/src/lib/components/button.css
+++ b/src/lib/components/button.css
@@ -102,6 +102,11 @@
   .button-xs {
     @apply h-7 gap-1 rounded-xl px-2 text-xs;
   }
+  /* for a button beside an .input/.input-editor in a flex row: stretch to the
+     row height instead of fixing one, since input height varies by theme */
+  .button-input {
+    @apply h-auto self-stretch;
+  }
 
   /* shapes */
   .button-block {