From 125b3e2c8114d564a3590dc4013dc0a33ee8571b Mon Sep 17 00:00:00 2001
From: juanatsap <juanatsap@gmail.com>
Date: Mon, 10 Nov 2025 19:26:54 +0000
Subject: [PATCH] refactor: improve modal CTA layout with better spacing

- Swap order: subtext now appears above the button
- Add more breathing room with increased margins (1.5rem top, 1rem bottom)
- Creates clearer visual hierarchy and improved readability
---
 static/css/main.css  | 4 ++--
 templates/index.html | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index ce84581..3275920 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -2866,8 +2866,8 @@ html {
     text-align: center;
     font-size: 0.9rem;
     color: #666;
-    margin-top: 0.5rem;
-    margin-bottom: 0;
+    margin-top: 1.5rem;
+    margin-bottom: 1rem;
     font-style: italic;
 }
 
diff --git a/templates/index.html b/templates/index.html
index f3e9e98..1a44f4d 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -415,12 +415,12 @@
                     </div>
                 </div>
 
+                <p class="info-modal-github-subtext">{{.UI.InfoModal.ViewSourceSubtext}}</p>
                 <a href="https://github.com/juanatsap/cv-site" target="_blank" rel="noopener noreferrer" class="info-modal-github">
                     <iconify-icon icon="mdi:github" width="24" height="24"></iconify-icon>
                     <span>{{.UI.InfoModal.ViewSource}}</span>
                     <iconify-icon icon="mdi:arrow-right" width="20" height="20"></iconify-icon>
                 </a>
-                <p class="info-modal-github-subtext">{{.UI.InfoModal.ViewSourceSubtext}}</p>
             </div>
         </div>
     </div>