feat: improve job detail UI with enhanced spacing and layout adjustments. Update table cell classes for better text alignment and padding, ensuring a more consistent and readable presentation of job details and reports.

web/src/routes/operations/+page.svelte

@@ -882,14 +882,14 @@
 								</TableRow>
 								{#if isJobExpanded(job.job_id)}
 									<TableRow class="bg-muted/20 hover:bg-muted/30">
-										<TableCell colspan={5}>
+										<TableCell colspan={5} class="whitespace-normal align-top p-0">
 											{@const detailedJob = jobDetailsById.get(job.job_id) ?? job}
 											{@const isDetailsLoading = jobDetailsLoading.has(job.job_id)}
 											{@const isReportLoading = jobReportsLoading.has(job.job_id)}
 											{@const jobReport = jobReportsById.get(job.job_id)}
 											{@const logEntries = getJobLogEntries(detailedJob)}
 											{@const logTotal = getJobLogTotal(detailedJob, logEntries)}
-											<div class="space-y-3 py-2">
+											<div class="space-y-3 py-3 px-2 sm:px-3">
 												{#if isDetailsLoading}
 													<p class="text-muted-foreground text-xs">Догружаем свежие детали задачи…</p>
 												{/if}
@@ -1014,7 +1014,7 @@
 															</div>
 														{/if}
 														<div class="grid gap-3 xl:grid-cols-2">
-															<div class="space-y-1.5 rounded-lg border p-3">
+															<div class="min-w-0 space-y-1.5 rounded-lg border p-3">
 																<p class="text-sm font-medium">Домены: какой домен какие IP/префиксы вернул</p>
 																<ScrollArea class="max-h-44 rounded border bg-muted/25 p-2">
 																	{#each jobReport.domains as row (`${job.job_id}-domain-${row.source}`)}
@@ -1028,7 +1028,7 @@
 																	{/each}
 																</ScrollArea>
 															</div>
-															<div class="space-y-1.5 rounded-lg border p-3">
+															<div class="min-w-0 space-y-1.5 rounded-lg border p-3">
 																<p class="text-sm font-medium">ASN: сколько префиксов получено по AS</p>
 																<ScrollArea class="max-h-44 rounded border bg-muted/25 p-2">
 																	{#each jobReport.asn as row (`${job.job_id}-asn-${row.asn}`)}
@@ -1041,7 +1041,7 @@
 																	{/each}
 																</ScrollArea>
 															</div>
-															<div class="space-y-1.5 rounded-lg border p-3">
+															<div class="min-w-0 space-y-1.5 rounded-lg border p-3">
 																<p class="text-sm font-medium">CDN: из каждой ссылки полученные IP/префиксы</p>
 																<ScrollArea class="max-h-44 rounded border bg-muted/25 p-2">
 																	{#each jobReport.cdn as row (`${job.job_id}-cdn-${row.source}`)}
@@ -1055,7 +1055,7 @@
 																	{/each}
 																</ScrollArea>
 															</div>
-															<div class="space-y-1.5 rounded-lg border p-3">
+															<div class="min-w-0 space-y-1.5 rounded-lg border p-3">
 																<p class="text-sm font-medium">IP range: итог по статическим диапазонам</p>
 																<ScrollArea class="max-h-44 rounded border bg-muted/25 p-2">
 																	{#each jobReport.ipRanges as row (`${job.job_id}-ipr-${row.source}`)}