fix(concurrency): narrow inputs + make them shrink so close button never overflows

2 files changed, 15 insertions, 10 deletions

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}