From d6e3b4561b362fe69d57bd4ea3752169dc3f6432 Mon Sep 17 00:00:00 2001
From: Denozordec <shatskiy.blog@gmail.com>
Date: Tue, 31 Mar 2026 20:49:37 +0700
Subject: [PATCH] Refactor IPs table layout for improved styling and structure

- Adjusted the ScrollArea and surrounding div structure to enhance layout consistency.
- Updated class properties for better visual alignment and responsiveness in the IPs table component.
---
 web/src/routes/ips/+page.svelte | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/src/routes/ips/+page.svelte b/web/src/routes/ips/+page.svelte
index eacda03..039a2ef 100644
--- a/web/src/routes/ips/+page.svelte
+++ b/web/src/routes/ips/+page.svelte
@@ -627,7 +627,11 @@ $effect(() => {
 				>Сброс</Button>
 			</DataTableToolbar>
 		{/snippet}
-		<ScrollArea class="max-h-[min(75vh,560px)] w-full" orientation="both">
+		<div class="flex w-full flex-col">
+		<ScrollArea
+			class="h-[min(75vh,560px)] w-full shrink-0"
+			orientation="both"
+		>
 			<Table.Root>
 				<Table.Header class="sticky top-0 z-10 bg-muted">
 					<Table.Row class="border-b border-border/80 hover:bg-transparent">
@@ -707,7 +711,7 @@ $effect(() => {
 		</ScrollArea>
 		{#if displayedIpRows.length > ipsPerPage}
 			<div
-				class="flex flex-wrap items-center justify-between gap-2 border-t px-4 py-3 text-sm text-muted-foreground"
+				class="relative z-10 flex shrink-0 flex-wrap items-center justify-between gap-2 border-t border-border bg-card px-4 py-3 text-sm text-muted-foreground"
 			>
 				<span>
 					{displayedIpRows.length === 0
@@ -730,6 +734,7 @@ $effect(() => {
 				</div>
 			</div>
 		{/if}
+		</div>
 	</DataTableCard>
 	{/snippet}
 </DataQueryState>