Align styling across different views.

templates/admin_projects.html

@@ -6,7 +6,7 @@
         <h2>Project Management</h2>
         <a href="{{ url_for('create_project') }}" class="btn btn-success">Create New Project</a>
     </div>
-    
+
     {% if projects %}
     <div class="projects-table">
         <table class="time-history">
@@ -47,7 +47,7 @@
                     <td class="actions">
                         <a href="{{ url_for('edit_project', project_id=project.id) }}" class="btn btn-sm btn-primary">Edit</a>
                         {% if g.user.role.name == 'ADMIN' and project.time_entries|length == 0 %}
-                        <form method="POST" action="{{ url_for('delete_project', project_id=project.id) }}" style="display: inline;" 
+                        <form method="POST" action="{{ url_for('delete_project', project_id=project.id) }}" style="display: inline;"
                               onsubmit="return confirm('Are you sure you want to delete this project?')">
                             <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                         </form>
@@ -66,6 +66,13 @@
 </div>
 
 <style>
+/* Override container width for admin projects page */
+.admin-projects-container {
+    max-width: 1200px !important;
+    width: auto !important;
+    padding: 1.5rem !important;
+    margin: 0 auto 2rem auto !important;
+}
 
 .projects-table {
     overflow-x: auto;
@@ -96,21 +103,7 @@
     white-space: nowrap;
 }
 
-.btn-small {
-    padding: 0.375rem 0.75rem;
-    font-size: 0.875rem;
-    margin-right: 0.5rem;
-}
-
-.btn-danger {
-    background-color: #dc3545;
-    border-color: #dc3545;
-}
-
-.btn-danger:hover {
-    background-color: #c82333;
-    border-color: #bd2130;
-}
+/* Button definitions now in main style.css */
 
 .no-data {
     text-align: center;