improved table layout

MUnique · Jun 25, 2022 · 2cd274b · 2cd274b
1 parent c66b8d1
commit 2cd274b
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/Web/AdminPanel/Pages/AdminUsers.razor b/src/Web/AdminPanel/Pages/AdminUsers.razor
@@ -9,8 +9,9 @@
 <div>
     <table>
         <thead>
-        <th class="col-3">Login Name</th>
-        <th class="col-3">Action</th>
+        <th class="col-10">Login Name</th>
+        <th class="col-1">Actions</th>
+        <th class="col-1"></th>
         </thead>
         <tbody>
         @{ var users = this.UserService.Users; }
@@ -20,6 +21,8 @@
                 <td>@user</td>
                 <td>
                     <button type="button" class="btn btn-sm btn-primary" @onclick="async () => await this.UserService.ChangePasswordInModalDialogAsync(user)">Change password</button>
+                </td>
+                <td>
                     @if (users.Count > 1)
                     {
                         <button type="button" class="btn btn-sm btn-danger" @onclick="async () => await this.UserService.DeleteUserAsync(user)">Delete</button>
@@ -33,7 +36,6 @@
             <td><button type="button" class="btn btn-sm btn-success" @onclick="@this.UserService.CreateNewInModalDialogAsync">Create User</button></td>
             <td></td>
             <td></td>
-            <td></td>
         </tfoot>
     </table>
 </div>