From e198e967ab880bf874e62569380d7067a7bda5e8 Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Fri, 9 Jan 2026 16:16:32 +0300
Subject: [PATCH] fix: minor changes in shadcn components import

---
 .../SetupFont/ui/SetupFontMenu.svelte         | 19 ++++++++++++-------
 .../ui/TypographyMenu.svelte                  | 15 ++++++++++-----
 2 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/src/features/SetupFont/ui/SetupFontMenu.svelte b/src/features/SetupFont/ui/SetupFontMenu.svelte
index 0558d0d..345dd22 100644
--- a/src/features/SetupFont/ui/SetupFontMenu.svelte
+++ b/src/features/SetupFont/ui/SetupFontMenu.svelte
@@ -1,14 +1,19 @@
 <script lang="ts">
+/**
+ * Component containing controls for setting up font properties.
+ */
 import { Separator } from '$shared/shadcn/ui/separator/index';
-import * as Sidebar from '$shared/shadcn/ui/sidebar/index';
+import { Trigger as SidebarTrigger } from '$shared/shadcn/ui/sidebar';
 import { ComboControl } from '$shared/ui';
-import { controlManager } from '../model/state/manager.svetle';
+import { controlManager } from '../model';
 </script>
 
-<div class="w-full p-2 flex flex-row items-center gap-2">
-    <Sidebar.Trigger />
+<div class="p-2 flex flex-row items-center gap-2">
+    <SidebarTrigger />
     <Separator orientation="vertical" class="h-full" />
-    {#each controlManager.controls as control (control.id)}
-        <ComboControl control={control.instance} />
-    {/each}
+    <div class="flex flex-row gap-2">
+        {#each controlManager.controls as control (control.id)}
+            <ComboControl control={control.instance} />
+        {/each}
+    </div>
 </div>
diff --git a/src/widgets/TypographySettings/ui/TypographyMenu.svelte b/src/widgets/TypographySettings/ui/TypographyMenu.svelte
index 60b4f2c..f1b82fc 100644
--- a/src/widgets/TypographySettings/ui/TypographyMenu.svelte
+++ b/src/widgets/TypographySettings/ui/TypographyMenu.svelte
@@ -1,12 +1,17 @@
 <script lang="ts">
+import { FontSearch } from '$features/FetchFonts';
 import SetupFontMenu from '$features/SetupFont/ui/SetupFontMenu.svelte';
-import * as Item from '$shared/shadcn/ui/item';
+import {
+    Content as ItemContent,
+    Root as ItemRoot,
+} from '$shared/shadcn/ui/item';
 </script>
 
 <div class="w-full p-2">
-    <Item.Root variant="outline" class="w-full p-2.5">
-        <Item.Content>
+    <ItemRoot variant="outline" class="w-full p-2.5">
+        <ItemContent class="flex flex-row justify-center items-center">
             <SetupFontMenu />
-        </Item.Content>
-    </Item.Root>
+            <FontSearch />
+        </ItemContent>
+    </ItemRoot>
 </div>