From 4eb7afead6ab721b1eb042f978d569d1133c4bf7 Mon Sep 17 00:00:00 2001
From: Harvey Tindall <hrfee@protonmail.ch>
Date: Fri, 31 Dec 2021 17:43:09 +0000
Subject: [PATCH] fix banner in about

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

diff --git a/css/base.css b/css/base.css
index 65a3daf..5e408a6 100644
--- a/css/base.css
+++ b/css/base.css
@@ -75,7 +75,8 @@ html:not(.dark) .card.\@low:not(.\~neutral):not(.\~positive):not(.\~urge):not(.\
 
 .banner.header {
     margin-bottom: var(--spacing-4,1rem);
-    max-width: inherit !important;
+    max-width: calc(100% + 2.2rem); /* no idea why this works */
+    margin-left: -1.1rem;
 }
 
 .banner.footer {
diff --git a/html/admin.html b/html/admin.html
index 68b159c..e3bfe67 100644
--- a/html/admin.html
+++ b/html/admin.html
@@ -43,7 +43,7 @@
             </form>
         </div>
         <div id="modal-about" class="modal">
-            <div class="modal-content content card wide">
+            <div class="modal-content content card">
                 <img src="{{ .urlBase }}/banner.svg" class="banner header" alt="jfa-go banner">
                 <span class="heading"><span class="modal-close">&times;</span></span>
                 <p>{{ .strings.version }} <span class="code monospace">{{ .version }}</span></p>