fix: layout issues in jobList toolbar

web/frontend/src/generic/Filters.svelte

@@ -344,7 +344,7 @@
   {/if}
 
   {#if matchedJobs >= -1}
-    <Button class="mb-1" style="margin-right: 0.5rem;" disabled outline>
+    <Button class="mb-1" style="margin-right: 0.25rem;" disabled outline>
       {matchedJobs == -1 ? 'Loading ...' : `${matchedJobs} jobs`}
     </Button>
   {/if}

web/frontend/src/generic/helper/Refresher.svelte

@@ -13,6 +13,7 @@
   /* Svelte 5 Props */
   let {
     initially = null,
+    presetClass = "",
     onRefresh
   } = $props();
 
@@ -35,7 +36,7 @@
   });
 </script>
 
-<InputGroup>
+<InputGroup class={presetClass}>
   <Input
     type="select"
     title="Periodic refresh interval"

web/frontend/src/generic/helper/TextFilter.svelte

@@ -97,7 +97,7 @@
   <Input
     type="select"
     style="max-width: 120px;"
-    class="form-select"
+    class="form-select w-auto"
     title="Search Mode"
     bind:value={mode}
     onchange={modeChanged}
@@ -115,7 +115,7 @@
     bind:value={term}
     onchange={() => termChanged()}
     onkeyup={(event) => termChanged(event.key == "Enter" ? 0 : throttle)}
-    placeholder={presetProject ? `Find ${mode} in ${scrambleNames ? scramble(presetProject) : presetProject} ...` : `Find ${mode} ...`}
+    placeholder={presetProject ? `Find in ${scrambleNames ? scramble(presetProject) : presetProject} ...` : `Find ${mode} ...`}
   />
   {#if presetProject}
   <Button title="Reset Project" onclick={() => resetProject()}