From b97d3ed87033436aa05af266d1b206e17353beef Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Fri, 18 Oct 2024 11:07:42 -0500
Subject: [PATCH] better padding on dual slider

---
 web/src/components/overlay/dialog/SearchFilterDialog.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/components/overlay/dialog/SearchFilterDialog.tsx b/web/src/components/overlay/dialog/SearchFilterDialog.tsx
index f067b92af..ef0d5bd26 100644
--- a/web/src/components/overlay/dialog/SearchFilterDialog.tsx
+++ b/web/src/components/overlay/dialog/SearchFilterDialog.tsx
@@ -466,7 +466,7 @@ export function ScoreFilterContent({
       <div className="mb-3 text-lg">Score</div>
       <div className="flex items-center gap-1">
         <Input
-          className="w-12"
+          className="w-14 text-center"
           inputMode="numeric"
           value={Math.round((minScore ?? 0.5) * 100)}
           onChange={(e) => {
@@ -478,7 +478,7 @@ export function ScoreFilterContent({
           }}
         />
         <DualThumbSlider
-          className="w-full"
+          className="mx-2 w-full"
           min={0.5}
           max={1.0}
           step={0.01}
@@ -486,7 +486,7 @@ export function ScoreFilterContent({
           onValueChange={([min, max]) => setScoreRange(min, max)}
         />
         <Input
-          className="w-12"
+          className="w-14 text-center"
           inputMode="numeric"
           value={Math.round((maxScore ?? 1.0) * 100)}
           onChange={(e) => {