From e351c35cc8e11738d971a482c8ea3266db917ff0 Mon Sep 17 00:00:00 2001
From: Harvey Tindall <hrfee@protonmail.ch>
Date: Sun, 21 Mar 2021 00:59:51 +0000
Subject: [PATCH] use banner class on banner in about

---
 css/base.css    | 5 +++++
 html/admin.html | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/css/base.css b/css/base.css
index 7b0dab3..0f48683 100644
--- a/css/base.css
+++ b/css/base.css
@@ -52,6 +52,11 @@
     padding: var(--spacing-4,1rem);
 }
 
+.modal-content .banner {
+    margin-left: calc(-1 * var(--spacing-4,1rem) - 0.5%); /* Not sure why this is necessary */
+    margin-right: calc(-1 * var(--spacing-4,1rem) - 0.5%);
+}
+
 div.card:contains(section.banner.footer) {
     padding-bottom: 0px;
 }
diff --git a/html/admin.html b/html/admin.html
index fdac938..1af8d8b 100644
--- a/html/admin.html
+++ b/html/admin.html
@@ -40,8 +40,8 @@
         </div>
         <div id="modal-about" class="modal">
             <div class="modal-content content card">
-                <span class="heading">{{ .strings.aboutProgram }} <span class="modal-close">&times;</span></span>
-                <img src="{{ .urlBase }}/banner.svg" class="mt-1" alt="jfa-go banner">
+                <img src="{{ .urlBase }}/banner.svg" class="banner header" alt="jfa-go banner">
+                <span class="heading"><span class="modal-close">&times;</span></span>
                 <p><i class="icon ri-github-fill"></i><a href="https://github.com/hrfee/jfa-go">jfa-go</a></p>
                 <p>{{ .strings.version }} <span class="code monospace">{{ .version }}</span></p>
                 <p>{{ .strings.commitNoun }} <span class="code monospace">{{ .commit }}</span></p>