From f2de0d9456ed54175b9ed88870a75dd99fdff98c Mon Sep 17 00:00:00 2001
From: Bruno Charest <bruno.charest@gmail.com>
Date: Tue, 31 Mar 2026 07:38:13 -0400
Subject: [PATCH] feat: redesign dashboard card icons with outlined style and
 larger size

- Increase icon container size from 28px to 40px
- Change from solid accent background to transparent with 2px accent border
- Update border-radius from 6px to 8px
- Change icon color from white to accent color
- Increase SVG icon size from 20px to 24px
- Add flexbox centering for better icon alignment
---
 frontend/style.css | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/frontend/style.css b/frontend/style.css
index 816e665..ded2b8e 100644
--- a/frontend/style.css
+++ b/frontend/style.css
@@ -4861,18 +4861,22 @@ body.popup-mode .content-area {
 }
 
 .dashboard-card-icon {
-  width: 28px;
-  height: 28px;
-  padding: 6px;
-  background: var(--accent);
-  border-radius: 6px;
-  color: white;
+  width: 40px;
+  height: 40px;
+  padding: 4px;
+  background: transparent;
+  border: 2px solid var(--accent);
+  border-radius: 8px;
+  color: var(--accent);
   flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .dashboard-card-icon svg {
-  width: 20px;
-  height: 20px;
+  width: 24px;
+  height: 24px;
 }
 
 .dashboard-vault-badge {