ui fix

src/App.svelte

@@ -271,6 +271,9 @@
 		overflow-y-auto
 		border-[1px] border-[var(--w-border)] dark:border-[var(--b-border)]"
 	>
+		{#if search_data[0] === "not found"}
+			<p class="p-2">Не найдено</p>
+		{:else}
 			{#each search_data as item, i}
 				<div
 					class="p-2
@@ -314,6 +317,7 @@
 					</button>
 				</div>
 			{/each}
+		{/if}
 	</div>
 
 	<button
@@ -357,21 +361,24 @@
 			class="w-auto m-2 space-x-2 break-words flex justify-start items-center"
 		>
 			<Cache></Cache>
-			<p>- Показывает последние сохраненные данные</p>
+			<p class="max-[683px]:hidden">-</p>
+			<p>Показывает последние сохраненные данные</p>
 		</div>
 
 		<div
 			class="w-auto m-2 space-x-2 break-words flex justify-start items-center"
 		>
 			<X></X>
-			<p>- Данные не загрузились</p>
+			<p class="max-[424px]:hidden">-</p>
+			<p>Данные не загрузились</p>
 		</div>
 
 		<div
 			class="w-auto m-2 space-x-2 break-words flex justify-start items-center"
 		>
 			<Checked></Checked>
-			<p>- Покавзывает актуальные данные</p>
+			<p class="max-[546px]:hidden">-</p>
+			<p>Покавзывает актуальные данные</p>
 		</div>
 	</div>
 

src/lib/Dialog.svelte

@@ -7,7 +7,7 @@
 </script>
 
 <div
-	class="absolute top-0 w-full h-screen z-10
+	class="absolute top-0 w-full h-screen z-10 py-4
 	max-w-full max-h-full
 	flex justify-center items-center
 	backdrop-blur-sm
@@ -16,7 +16,7 @@
 	transition-all duration-300"
 >
 	<div
-		class="size-[700px] mx-4 flex flex-col
+		class="w-[700px] h-full mx-4 flex flex-col
 		border-[var(--w-border)] dark:border-[var(--b-border)] border-2 rounded-xl
 		bg-[var(--w-bg)] dark:bg-[var(--b-bg)]
 		text-[var(--w-text)] dark:text-[var(--b-text)] text-2xl

src/lib/Pair.svelte

@@ -4,7 +4,7 @@
 
 {#if pairs.schedulePairs.length === 1}
 	<div
-		class="w-auto m-2
+		class="w-full m-2
 		border-[1px] rounded-xl border-[var(--w-border)] dark:border-[var(--b-border)]
 		{pairs.isCurrentPair ? 'bg-[var(--w-blue)] dark:bg-[var(--b-blue)]' : ''}
 		"