From ee0749e828257f9d003601bf1bc3931f23d8e2cb Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Wed, 18 Feb 2026 16:59:31 +0300
Subject: [PATCH] feat(ComparisonSlider): slightly tweak styles

---
 .../components/TypographyControls.svelte         | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/widgets/ComparisonSlider/ui/ComparisonSlider/components/TypographyControls.svelte b/src/widgets/ComparisonSlider/ui/ComparisonSlider/components/TypographyControls.svelte
index 2238bd6..68492fe 100644
--- a/src/widgets/ComparisonSlider/ui/ComparisonSlider/components/TypographyControls.svelte
+++ b/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
         />