From c42504beee5c19cd15dd19f24421e0779ee60fde Mon Sep 17 00:00:00 2001 From: nessi Date: Thu, 12 Feb 2026 12:31:48 +0100 Subject: [PATCH] Adjust button and card styles for improved UI consistency Updated padding, borders, background gradients, and shadows in buttons and cards for a cleaner and more visually cohesive design. Tweaked hover effects to better align with the overall aesthetic. --- frontend/src/styles.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/frontend/src/styles.css b/frontend/src/styles.css index 7193d38..d2778be 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -350,7 +350,7 @@ button { gap: 10px; max-height: 460px; overflow: auto; - padding-right: 2px; + padding: 10px 4px 4px 0; } .dashboard-targets-card { @@ -362,18 +362,18 @@ button { grid-template-columns: 1fr auto; gap: 12px; align-items: center; - border: 1px solid #2b5b8f; + border: 1px solid #2a5382; border-radius: 12px; padding: 12px 14px; - background: linear-gradient(180deg, #143462, #102a4f); - box-shadow: inset 0 1px 0 #6fc5ff1a; + background: linear-gradient(180deg, #0d2344, #0a1d38); + box-shadow: inset 0 1px 0 #7ec8ff14; transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease; } .dashboard-target-card:hover { - transform: translateY(-1px); - border-color: #3d84c8; - box-shadow: 0 10px 22px #071a3960; + transform: none; + border-color: #3f79af; + box-shadow: 0 8px 20px #03102566, inset 0 1px 0 #9ad6ff1f; } .target-main h4 {