From c4e8f3d3b59bed34db9c1b6049d054c52c739c4a Mon Sep 17 00:00:00 2001
From: juanatsap <juanatsap@gmail.com>
Date: Sat, 8 Nov 2025 09:49:10 +0000
Subject: [PATCH] fix: standardize course icon size to 80px to match other
 sections
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Updated .course-icon wrapper to 80px × 80px (was 60px)
- Updated .default-course-icon to 80px × 80px with 10px padding
- Updated template iconify-icon to width="80" height="80"
- Now matches Experience (80px) and Awards (80px) icon sizes
- Consistent styling across all CV sections
---
 static/css/main.css       | 10 +++++-----
 templates/cv-content.html |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index 5d57e5f..569f5c0 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -869,16 +869,16 @@ iconify-icon {
 
 .course-icon {
     flex-shrink: 0;
-    width: 60px;
-    height: 60px;
+    width: 80px;
+    height: 80px;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .default-course-icon {
-    width: 60px;
-    height: 60px;
+    width: 80px;
+    height: 80px;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -886,7 +886,7 @@ iconify-icon {
     border: 1px solid #ddd;
     background: #f5f5f5;
     color: #999;
-    padding: 8px;
+    padding: 10px;
 }
 
 .course-content {
diff --git a/templates/cv-content.html b/templates/cv-content.html
index ffa7403..57ac566 100644
--- a/templates/cv-content.html
+++ b/templates/cv-content.html
@@ -202,7 +202,7 @@
                 {{range .CV.Courses}}
                 <div class="course-item">
                     <div class="course-icon">
-                        <iconify-icon icon="mdi:school" width="60" height="60" class="default-course-icon"></iconify-icon>
+                        <iconify-icon icon="mdi:school" width="80" height="80" class="default-course-icon"></iconify-icon>
                     </div>
                     <div class="course-content">
                         <div class="course-header">