From: Michael Tremer <michael.tremer@ipfire.org>
Date: Tue, 8 Jul 2025 09:45:19 +0000 (+0000)
Subject: frontend: Improve visuals of the filelist table
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=05501cd8194895050710f543e95521419a2e1f1e;p=pbs.git

frontend: Improve visuals of the filelist table

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---

diff --git a/frontend/src/components/PackageFilelist.vue b/frontend/src/components/PackageFilelist.vue
index 963a8e34..69eaddbf 100644
--- a/frontend/src/components/PackageFilelist.vue
+++ b/frontend/src/components/PackageFilelist.vue
@@ -46,15 +46,15 @@
 		</Notification>
 
 		<!-- Otherwise show the filelist -->
-		<table v-else class="table is-striped is-hoverable is-fullwidth">
-			<tbody>
+		<table v-else class="table is-hoverable is-narrow is-fullwidth">
+			<thead>
 				<tr>
 					<!-- Mode & Ownership -->
 					<th class="is-narrow"></th>
 					<th class="is-narrow"></th>
 
 					<!-- Size -->
-					<th class="is-narrow">
+					<th class="is-narrow has-text-right">
 						{{ $t("Size") }}
 					</th>
 
@@ -64,9 +64,9 @@
 					</th>
 
 					<!-- Actions -->
-					<th class="is-narrow"></th>
+					<th></th>
 				</tr>
-			</tbody>
+			</thead>
 
 			<tbody>
 				<tr v-for="file in filelist" :key="file.path">