fix: adjust penalty calculator reduction slider size

Signed-off-by: Alexander Trost <[email protected]>
fivenet-app · Oct 11, 2024 · 967dc6b · 967dc6b
1 parent cc396c3
commit 967dc6b
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/app/components/quickbuttons/penaltycalculator/PenaltyCalculator.vue b/app/components/quickbuttons/penaltycalculator/PenaltyCalculator.vue
@@ -258,8 +258,11 @@ const columns = [
                     <div class="text-xl">
                         <PenaltyStats :summary="state" :reduction="reduction" />
 
-                        <div class="my-2 flex flex-row items-center gap-2 text-lg">
-                            <URange v-model="reduction" :min="0" :max="25" :step="1" />
+                        <div class="my-2 flex flex-row items-center gap-2 text-sm">
+                            <p class="font-semibold">
+                                {{ $t('common.reduction') }}
+                            </p>
+                            <URange v-model="reduction" size="sm" :min="0" :max="25" :step="1" />
                             <p class="w-12">{{ reduction }}%</p>
                         </div>