From bccf7d1ef0c66cf2db9c79e3532a1cafad79dcb8 Mon Sep 17 00:00:00 2001
From: Joshua Goins <josh@redstrate.com>
Date: Mon, 10 Apr 2023 17:04:03 -0400
Subject: [PATCH] Improve margins on alert icons

---
 themes/red/assets/css/site.css       | 6 ++++++
 themes/red/layouts/_default/art.html | 4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/themes/red/assets/css/site.css b/themes/red/assets/css/site.css
index cf56558..6adc366 100644
--- a/themes/red/assets/css/site.css
+++ b/themes/red/assets/css/site.css
@@ -425,3 +425,9 @@ pre {
 .no-decoration {
     text-decoration: none;
 }
+
+#banner-alert-icon {
+    vertical-align: middle;
+    margin-left: 5px;
+    margin-right: 5px;
+}
diff --git a/themes/red/layouts/_default/art.html b/themes/red/layouts/_default/art.html
index 20a0246..2ba7941 100644
--- a/themes/red/layouts/_default/art.html
+++ b/themes/red/layouts/_default/art.html
@@ -8,10 +8,10 @@
     {{ if eq $paginator.PageNumber 1}}
         {{ $alertimg := resources.Get "alert.png" }}
         {{ with $.Params.new_banner }}
-        <div class="new-banner"><img width="16" height="16" style="vertical-align: middle;" src="{{ $alertimg.RelPermalink }}"/><b>{{ . }}</b><img width="16" height="16" style="vertical-align: middle;" src="{{ $alertimg.RelPermalink }}"/></div>
+        <div class="new-banner"><img width="16" height="16" id="banner-alert-icon" src="{{ $alertimg.RelPermalink }}"/><b>{{ . }}</b><img width="16" height="16" id="banner-alert-icon" src="{{ $alertimg.RelPermalink }}"/></div>
         {{ end }}
 
-        <div class="new-banner"><img width="16" height="16" style="vertical-align: middle;" src="{{ $alertimg.RelPermalink }}"/><b>Contains risque art, so you should probably not view this on a work computer.</b><img width="16" height="16" style="vertical-align: middle;" src="{{ $alertimg.RelPermalink }}"/></div>
+        <div class="new-banner"><img width="16" height="16" id="banner-alert-icon" src="{{ $alertimg.RelPermalink }}"/><b>Contains risque art, so you should probably not view this on a work computer.</b><img width="16" height="16" id="banner-alert-icon" src="{{ $alertimg.RelPermalink }}"/></div>
 
         <p>Welcome to my art gallery! I have saved my art since 2016, and this site contains the most complete archive of my work.</p>