Arrange admin action buttons horizontally

- Added .actions-cell CSS class with display: flex and gap
- Applied class to the actions table cell to arrange edit, deactivate/activate, and delete buttons horizontally

templates/admin/users.html

@@ -17,6 +17,7 @@
     .table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
     .table th, .table td { padding: 1rem; text-align: left; border-bottom: 1px solid #e5e7eb; }
     .table th { background: #f8fafc; font-weight: 600; color: #374151; }
+    .actions-cell { display: flex; gap: 0.5rem; }
     .status-active { color: #065f46; font-weight: 500; }
     .status-inactive { color: #dc2626; font-weight: 500; }
     .role-admin { color: #7c3aed; font-weight: 500; }
@@ -77,7 +78,7 @@
                         <td><span class="status-{{ 'active' if user.get('active') else 'inactive' }}">{{ 'Active' if user.get('active') else 'Inactive' }}</span></td>
                         <td>{{ user.get('tokens', 0) }}</td>
                         <td>{{ user.get('created_at', 'N/A')[:10] if user.get('created_at') else 'N/A' }}</td>
-                        <td>
+                        <td class="actions-cell">
                             <button onclick="editUser({{ user.get('id') }}, '{{ user.get('username') }}', '{{ user.get('email') }}', '{{ user.get('role') }}', {{ user.get('tokens', 0) }}, {{ user.get('active')|lower }})" class="btn-icon" title="Edit"><i class="fas fa-edit"></i></button>
                             {% if user.get('active') %}
                             <a href="/admin/users/{{ user.get('id') }}/deactivate" class="btn-icon" title="Deactivate"><i class="fas fa-ban"></i></a>