From 2d68de54ac9871df2bac4774f4e32604f9aca183 Mon Sep 17 00:00:00 2001
From: Nathan Woodburn <github@nathan.woodburn.au>
Date: Wed, 8 Nov 2023 13:24:22 +1100
Subject: [PATCH] fix: Increase image top margin in donor section

---
 templates/error.html   | 8 ++++----
 templates/index.html   | 8 ++++----
 templates/stats.html   | 8 ++++----
 templates/success.html | 8 ++++----
 4 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/templates/error.html b/templates/error.html
index 61956f3..cc55f5b 100644
--- a/templates/error.html
+++ b/templates/error.html
@@ -103,7 +103,7 @@ Claim a free Handshake domain">
             <div class="row gy-4 row-cols-2 row-cols-md-4">
                 <div class="col">
                     <div class="card border-0 shadow-none">
-                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/team/nathanwoodburn.webp">
+                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/team/nathanwoodburn.webp" style="margin-top: 10px;">
                             <h5 class="fw-bold text-primary card-title mb-0"><strong>Nathan.Woodburn/</strong></h5>
                             <p class="text-muted card-text mb-2">Initial project creation and funding</p>
                         </div>
@@ -111,7 +111,7 @@ Claim a free Handshake domain">
                 </div>
                 <div class="col">
                     <div class="card border-0 shadow-none">
-                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
+                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg" style="margin-top: 10px;">
                             <h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
                             <p class="text-muted card-text mb-2">Donate to put your name here</p>
                         </div>
@@ -119,7 +119,7 @@ Claim a free Handshake domain">
                 </div>
                 <div class="col">
                     <div class="card border-0 shadow-none">
-                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
+                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg" style="margin-top: 10px;">
                             <h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
                             <p class="text-muted card-text mb-2">Donate to put your name here</p>
                         </div>
@@ -127,7 +127,7 @@ Claim a free Handshake domain">
                 </div>
                 <div class="col">
                     <div class="card border-0 shadow-none">
-                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
+                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg" style="margin-top: 10px;">
                             <h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
                             <p class="text-muted card-text mb-2">Donate to put your name here</p>
                         </div>
diff --git a/templates/index.html b/templates/index.html
index 01c7b2e..2cadce0 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -111,7 +111,7 @@ Claim a free Handshake domain">
             <div class="row gy-4 row-cols-2 row-cols-md-4">
                 <div class="col">
                     <div class="card border-0 shadow-none">
-                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/team/nathanwoodburn.webp">
+                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/team/nathanwoodburn.webp" style="margin-top: 10px;">
                             <h5 class="fw-bold text-primary card-title mb-0"><strong>Nathan.Woodburn/</strong></h5>
                             <p class="text-muted card-text mb-2">Initial project creation and funding</p>
                         </div>
@@ -119,7 +119,7 @@ Claim a free Handshake domain">
                 </div>
                 <div class="col">
                     <div class="card border-0 shadow-none">
-                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
+                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg" style="margin-top: 10px;">
                             <h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
                             <p class="text-muted card-text mb-2">Donate to put your name here</p>
                         </div>
@@ -127,7 +127,7 @@ Claim a free Handshake domain">
                 </div>
                 <div class="col">
                     <div class="card border-0 shadow-none">
-                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
+                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg" style="margin-top: 10px;">
                             <h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
                             <p class="text-muted card-text mb-2">Donate to put your name here</p>
                         </div>
@@ -135,7 +135,7 @@ Claim a free Handshake domain">
                 </div>
                 <div class="col">
                     <div class="card border-0 shadow-none">
-                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
+                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg" style="margin-top: 10px;">
                             <h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
                             <p class="text-muted card-text mb-2">Donate to put your name here</p>
                         </div>
diff --git a/templates/stats.html b/templates/stats.html
index c9a1faa..a52fe1e 100644
--- a/templates/stats.html
+++ b/templates/stats.html
@@ -102,7 +102,7 @@ Claim a free Handshake domain">
             <div class="row gy-4 row-cols-2 row-cols-md-4">
                 <div class="col">
                     <div class="card border-0 shadow-none">
-                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/team/nathanwoodburn.webp">
+                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/team/nathanwoodburn.webp" style="margin-top: 10px;">
                             <h5 class="fw-bold text-primary card-title mb-0"><strong>Nathan.Woodburn/</strong></h5>
                             <p class="text-muted card-text mb-2">Initial project creation and funding</p>
                         </div>
@@ -110,7 +110,7 @@ Claim a free Handshake domain">
                 </div>
                 <div class="col">
                     <div class="card border-0 shadow-none">
-                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
+                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg" style="margin-top: 10px;">
                             <h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
                             <p class="text-muted card-text mb-2">Donate to put your name here</p>
                         </div>
@@ -118,7 +118,7 @@ Claim a free Handshake domain">
                 </div>
                 <div class="col">
                     <div class="card border-0 shadow-none">
-                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
+                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg" style="margin-top: 10px;">
                             <h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
                             <p class="text-muted card-text mb-2">Donate to put your name here</p>
                         </div>
@@ -126,7 +126,7 @@ Claim a free Handshake domain">
                 </div>
                 <div class="col">
                     <div class="card border-0 shadow-none">
-                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
+                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg" style="margin-top: 10px;">
                             <h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
                             <p class="text-muted card-text mb-2">Donate to put your name here</p>
                         </div>
diff --git a/templates/success.html b/templates/success.html
index a87ffee..8761415 100644
--- a/templates/success.html
+++ b/templates/success.html
@@ -102,7 +102,7 @@ Claim a free Handshake domain">
             <div class="row gy-4 row-cols-2 row-cols-md-4">
                 <div class="col">
                     <div class="card border-0 shadow-none">
-                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/team/nathanwoodburn.webp">
+                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/team/nathanwoodburn.webp" style="margin-top: 10px;">
                             <h5 class="fw-bold text-primary card-title mb-0"><strong>Nathan.Woodburn/</strong></h5>
                             <p class="text-muted card-text mb-2">Initial project creation and funding</p>
                         </div>
@@ -110,7 +110,7 @@ Claim a free Handshake domain">
                 </div>
                 <div class="col">
                     <div class="card border-0 shadow-none">
-                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
+                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg" style="margin-top: 10px;">
                             <h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
                             <p class="text-muted card-text mb-2">Donate to put your name here</p>
                         </div>
@@ -118,7 +118,7 @@ Claim a free Handshake domain">
                 </div>
                 <div class="col">
                     <div class="card border-0 shadow-none">
-                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
+                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg" style="margin-top: 10px;">
                             <h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
                             <p class="text-muted card-text mb-2">Donate to put your name here</p>
                         </div>
@@ -126,7 +126,7 @@ Claim a free Handshake domain">
                 </div>
                 <div class="col">
                     <div class="card border-0 shadow-none">
-                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg">
+                        <div class="card-body text-center d-flex flex-column align-items-center p-0"><img class="rounded-circle mb-3 fit-cover" width="130" height="130" src="assets/img/favicon.svg" style="margin-top: 10px;">
                             <h5 class="fw-bold text-primary card-title mb-0"><strong>John Smith</strong></h5>
                             <p class="text-muted card-text mb-2">Donate to put your name here</p>
                         </div>