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 963a8e34352bd762ac4ccbfc14ead962b5d0266a..69eaddbf4a8aebab1928ee43240a608d8a4f2c37 100644 (file)
--- 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">