From 409d72a7b8b3a65c2225d625d802460c1e5ed38b Mon Sep 17 00:00:00 2001
From: Najman Husaini <najmanhusaini20@gmail.com>
Date: Tue, 28 Jan 2025 14:15:48 -0700
Subject: [PATCH] better table rendering

---
 usr-web/src/routes/(apps)/manifest/+page.svelte | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/usr-web/src/routes/(apps)/manifest/+page.svelte b/usr-web/src/routes/(apps)/manifest/+page.svelte
index ba1f82a..7b494e2 100644
--- a/usr-web/src/routes/(apps)/manifest/+page.svelte
+++ b/usr-web/src/routes/(apps)/manifest/+page.svelte
@@ -188,6 +188,7 @@
 			<button onclick={exportCSV}> Export CSV </button>
 		</div>
 	</div>
+	<div class="table-fix-head">
 	<table>
 		<thead>
 			<tr>
@@ -254,6 +255,7 @@
 			{/each}
 		</tbody>
 	</table>
+</div>
 </section>
 
 <section id="order-operations" class="mt-4">
@@ -641,6 +643,7 @@
 	}
 	#order-operations-content {
 		background-color: lightgray;
+		min-height: 30rem;
 	}
 	#order-operations-content > button {
 		background-color: darkgray;
@@ -661,4 +664,12 @@
 		text-decoration: underline;
 		color: blue;
 	}
+	.table-fix-head {
+		max-height: 25rem;
+		overflow-y: scroll;
+	}
+	.table-fix-head thead th {
+		position: sticky;
+		top: 0px;
+	}
 </style>