improved table

.gitignore

@@ -1 +1,3 @@
 .venv
+__pycache__
+*.pyc

frontend/src/assets/main.css

@@ -34,3 +34,7 @@ main {
 .boxed {
   @apply space-y-2 bg-blue-200 p-4 rounded-2xl shadow-lg;
 }
+
+table td {
+  @apply p-1;
+}

frontend/src/views/User.vue

@@ -38,12 +38,15 @@ const onNewUserCreation = async () => {
       <template v-if="primaryUser.currentUser.value.role === 'admin'">
         <div class="boxed">
           <h3>Users</h3>
-          <table>
+          <table class="table-auto">
+            <thead>
               <tr>
                 <th class="font-bold">Username</th>
                 <th class="font-bold">Role</th>
                 <th class="font-bold">Actions</th>
               </tr>
+            </thead>
+            <tbody>
               <tr v-for="user in primaryUser.allUsers.value" :key="user.user">
                 <td>{{ user.user }}</td>
                 <td>{{ user.role }}</td>
@@ -60,6 +63,7 @@ const onNewUserCreation = async () => {
                   </button>
                 </td>
               </tr>
+            </tbody>
           </table>
           <UserInfo :type="userDeletionMsg.type as any" v-if="userDeletionMsg.message">
             <template #default>