vmiller/Digital-Dabei-Hamburg-Job-Manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: improve dashboard button visibility and section spacing

Browse Source 
- Make all button text white (!important) for better readability
- Add vertical padding (2.5rem) to green background sections
- Apply to all button types: logout, edit, view, deactivate
- Ensures text is visible against colored button backgrounds

Improves accessibility and visual hierarchy on provider dashboard.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
Viktor Miller
2026-01-29 13:13:47 +09:00
parent 98487eb05b
commit 38535b5edc
1 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
templates/provider-dashboard.php
View File

@@ -369,7 +369,7 @@ $job_query = new WP_Query( $args );
display: inline-block; display: inline-block;
padding: 0.5rem 1.25rem; padding: 0.5rem 1.25rem;
background-color: #6b7280; background-color: #6b7280;
color: #fff; color: #fff !important;
text-decoration: none; text-decoration: none;
border-radius: 0.375rem; border-radius: 0.375rem;
font-size: 0.875rem; font-size: 0.875rem;
@@ -379,13 +379,13 @@ $job_query = new WP_Query( $args );
.logout-button:hover { .logout-button:hover {
background-color: #4b5563; background-color: #4b5563;
color: #fff; color: #fff !important;
text-decoration: none; text-decoration: none;
} }
.ddhh-job-submit-section { .ddhh-job-submit-section {
margin-bottom: 3rem; margin-bottom: 3rem;
padding: 2rem; padding: 2.5rem 2rem;
background: #f5f5f5; background: #f5f5f5;
border-radius: 8px; border-radius: 8px;
} }
@@ -428,6 +428,9 @@ $job_query = new WP_Query( $args );
.ddhh-job-listings-section { .ddhh-job-listings-section {
margin-top: 3rem; margin-top: 3rem;
padding: 2.5rem 2rem;
background: #f5f5f5;
border-radius: 8px;
} }
.ddhh-provider-dashboard h2 { .ddhh-provider-dashboard h2 {
@@ -494,7 +497,7 @@ $job_query = new WP_Query( $args );
display: inline-block; display: inline-block;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
background-color: #3b82f6; background-color: #3b82f6;
color: #fff; color: #fff !important;
text-decoration: none; text-decoration: none;
border-radius: 0.375rem; border-radius: 0.375rem;
font-size: 0.875rem; font-size: 0.875rem;
@@ -503,33 +506,40 @@ $job_query = new WP_Query( $args );
.button:hover { .button:hover {
background-color: #2563eb; background-color: #2563eb;
color: #fff; color: #fff !important;
text-decoration: none;
} }
.edit-link { .edit-link {
background-color: #6366f1; background-color: #6366f1;
color: #fff !important;
} }
.edit-link:hover { .edit-link:hover {
background-color: #4f46e5; background-color: #4f46e5;
color: #fff !important;
} }
.view-link { .view-link {
background-color: #10b981; background-color: #10b981;
margin-left: 0.5rem; margin-left: 0.5rem;
color: #fff !important;
} }
.view-link:hover { .view-link:hover {
background-color: #059669; background-color: #059669;
color: #fff !important;
} }
.deactivate-link { .deactivate-link {
background-color: #ef4444; background-color: #ef4444;
margin-left: 0.5rem; margin-left: 0.5rem;
color: #fff !important;
} }
.deactivate-link:hover { .deactivate-link:hover {
background-color: #dc2626; background-color: #dc2626;
color: #fff !important;
} }
.ddhh-empty-state, .ddhh-empty-state,