From 94fb3aa21538390f632305cc0c6f69007bee8f57 Mon Sep 17 00:00:00 2001
From: Adam Malczewski <github@tradam.dev>
Date: Sun, 28 Jun 2026 20:54:54 +0900
Subject: fix(concurrency): narrow inputs + make them shrink so close button
 never overflows

---
 src/features/concurrency/ui/ConcurrencyLimitRow.svelte | 10 +++++-----
 src/features/concurrency/ui/ConcurrencyView.svelte     | 15 ++++++++++-----
 2 files changed, 15 insertions(+), 10 deletions(-)

(limited to 'src/features')

diff --git a/src/features/concurrency/ui/ConcurrencyLimitRow.svelte b/src/features/concurrency/ui/ConcurrencyLimitRow.svelte
index 44d6726..a71e92e 100644
--- a/src/features/concurrency/ui/ConcurrencyLimitRow.svelte
+++ b/src/features/concurrency/ui/ConcurrencyLimitRow.svelte
@@ -137,7 +137,7 @@
     <input
       type="text"
       inputmode="numeric"
-      class="input input-bordered input-xs w-20 font-mono"
+      class="input input-bordered input-xs w-14 min-w-0 font-mono"
       aria-label={`Concurrency limit for ${limit.providerId}`}
       bind:value={limitDraft}
       oninput={onInput}
@@ -146,16 +146,16 @@
     <input
       type="text"
       inputmode="numeric"
-      class="input input-bordered input-xs w-24 font-mono"
+      class="input input-bordered input-xs w-20 min-w-0 font-mono"
       aria-label={`Release cooldown (ms) for ${limit.providerId}`}
       bind:value={cooldownDraft}
       oninput={onInput}
       disabled={saving || removing}
     />
-    <span class="text-[10px] opacity-50">ms</span>
+    <span class="shrink-0 text-[10px] opacity-50">ms</span>
     <button
       type="button"
-      class="btn btn-primary btn-xs"
+      class="btn btn-primary btn-xs shrink-0"
       aria-label={`Set concurrency for ${limit.providerId}`}
       disabled={!dirty || saving || removing}
       onclick={handleSet}
@@ -168,7 +168,7 @@
     </button>
     <button
       type="button"
-      class="btn btn-ghost btn-xs text-error"
+      class="btn btn-ghost btn-xs shrink-0 text-error"
       aria-label={`Remove concurrency limit for ${limit.providerId}`}
       disabled={saving || removing}
       onclick={handleRemove}
diff --git a/src/features/concurrency/ui/ConcurrencyView.svelte b/src/features/concurrency/ui/ConcurrencyView.svelte
index 9d0c292..9744c4e 100644
--- a/src/features/concurrency/ui/ConcurrencyView.svelte
+++ b/src/features/concurrency/ui/ConcurrencyView.svelte
@@ -383,7 +383,7 @@
           <input
             type="text"
             inputmode="numeric"
-            class="input input-bordered input-xs w-20 font-mono"
+            class="input input-bordered input-xs w-14 min-w-0 font-mono"
             placeholder="4"
             aria-label="New concurrency limit"
             bind:value={newLimitInput}
@@ -392,13 +392,18 @@
           <input
             type="text"
             inputmode="numeric"
-            class="input input-bordered input-xs w-24 font-mono"
+            class="input input-bordered input-xs w-20 min-w-0 font-mono"
             aria-label="New release cooldown (ms)"
             bind:value={newCooldownInput}
             disabled={adding}
           />
-          <span class="text-[10px] opacity-50">ms</span>
-          <button type="button" class="btn btn-primary btn-xs" disabled={!canSet} onclick={handleAdd}>
+          <span class="shrink-0 text-[10px] opacity-50">ms</span>
+          <button
+            type="button"
+            class="btn btn-primary btn-xs shrink-0"
+            disabled={!canSet}
+            onclick={handleAdd}
+          >
             {#if adding}
               <span class="loading loading-spinner loading-xs"></span>
             {:else}
@@ -407,7 +412,7 @@
           </button>
           <button
             type="button"
-            class="btn btn-ghost btn-xs text-error"
+            class="btn btn-ghost btn-xs shrink-0 text-error"
             aria-label="Cancel add"
             disabled={adding}
             onclick={cancelAdd}
-- 
cgit v1.2.3