From a56212fc79c146e432161778da8659fec15ea367 Mon Sep 17 00:00:00 2001 From: juanatsap Date: Wed, 19 Nov 2025 17:18:52 +0000 Subject: [PATCH] fix: Course icons 60px + unset color for inline styles - Changed from 24px back to 60px (matching projects structure) - Used color: unset !important to reset CSS color override - Allows inline color styles (style='color: #9333EA') to work - Matches the project list icon styling exactly --- static/css/03-components/_courses.css | 19 ++++++++----------- 1 file changed, 8 insertions(+), 11 deletions(-) diff --git a/static/css/03-components/_courses.css b/static/css/03-components/_courses.css index d39cf22..f708f15 100644 --- a/static/css/03-components/_courses.css +++ b/static/css/03-components/_courses.css @@ -88,21 +88,18 @@ text-align: justify; } -/* Course list icons in responsibilities - smaller size with preserved colors */ +/* Course list icons in responsibilities - match project structure (60px with inline colors) */ .course-item .responsibilities li iconify-icon.default-company-icon { - width: 24px !important; /* Small but visible */ - height: 24px !important; - min-width: 24px; - min-height: 24px; - color: inherit !important; /* DO NOT override inline color styles */ - display: inline-flex !important; + width: 60px !important; /* Match projects structure */ + height: 60px !important; + color: unset !important; /* Reset color to allow inline styles */ + display: flex !important; align-items: center; justify-content: center; - margin-right: 0.5rem; - flex-shrink: 0; - border: none !important; + border-radius: 4px; + border: 1px solid var(--icon-border); background: transparent !important; - padding: 0 !important; + padding: 8px; } /* Inline icons within course descriptions */