responsive table

web/pages/home/home.html

@@ -16,8 +16,8 @@
 </div>
 
 <h1>Admin stuff</h1>
-<figure>
-    <table role="grid">
+<figure class="table-responsive">
+    <table class="table" role="grid">
         <thead>
             <tr>
                 <?php foreach (array_keys($userdata[0]) as $key) : ?>
@@ -38,18 +38,19 @@
             <?php foreach ($userdata as $user) : ?>
 
             <tr>
-                <?php foreach (array_keys($user) as $key) : ?>
-                <td class="px-6 py-4 text-sm text-gray-500">
-                    <?= is_array($user[$key])?json_encode($user[$key]):$user[$key] ?>
-                </td>
-                <?php endforeach; ?>
-
                 <td>
                     <button name="email" value="<?= $user['email'] ?>" hx-post="/admin/loginas/">Login</button>
                 </td>
                 <td>
                     <button name="email" value="<?= $user['email'] ?>" hx-post="/admin/edituser/" hx-target="#main">Edit</button>
                 </td>
+                <?php foreach (array_keys($user) as $key) : ?>
+                <td class="px-6 py-4 text-sm text-gray-500">
+                    <?= is_array($user[$key])?json_encode($user[$key]):$user[$key] ?>
+                </td>
+                <?php endforeach; ?>
+
+                
             </tr>
 
             <?php endforeach; ?>