feat(ComparisonSlider): slightly tweak styles

src/widgets/ComparisonSlider/ui/ComparisonSlider/components/TypographyControls.svelte

@@ -4,7 +4,6 @@
     Simplified version for static positioning in settings mode.
 -->
 <script lang="ts">
-import { cn } from '$shared/shadcn/utils/shadcn-utils';
 import {
     ComboControlV2,
     Input,
@@ -20,30 +19,35 @@ const typography = $derived(comparisonStore.typography);
     size="sm"
     label="Text"
     placeholder="The quick brown fox..."
-    class="w-full px-3 py-2 h-10 rounded-lg border border-border-muted bg-background-60 backdrop-blur-sm mr-4"
+    class="w-full h-10 px-3 py-2 sm:mr-4 mb-8 sm:mb-4 rounded-lg border border-border-muted bg-background-60 backdrop-blur-sm"
 />
 
 <!-- Typography controls -->
 {#if typography.weightControl && typography.sizeControl && typography.heightControl}
-    <div class="flex flex-col gap-1.5 mt-1.5">
+    <div class="flex flex-col mt-1.5">
         <ComboControlV2
             control={typography.weightControl}
             orientation="horizontal"
-            class="sm:py-0"
+            class="sm:py-0 sm:px-0 mb-5 sm:mb-1.5"
+            label="font weight"
             showScale={false}
             reduced
         />
+
         <ComboControlV2
             control={typography.sizeControl}
             orientation="horizontal"
-            class="sm:py-0"
+            class="sm:py-0 sm:px-0 mb-5 sm:mb-1.5"
+            label="font size"
             showScale={false}
             reduced
         />
+
         <ComboControlV2
             control={typography.heightControl}
             orientation="horizontal"
-            class="sm:py-0"
+            class="sm:py-0 sm:px-0"
+            label="line height"
             showScale={false}
             reduced
         />