From 1dc7f9ef8ad4372d9c822c5453f36df9b987b56d Mon Sep 17 00:00:00 2001
From: Joshua Goins <josh@redstrate.com>
Date: Mon, 17 Apr 2023 16:46:49 -0400
Subject: [PATCH] Fix gallery image borders being slightly off

---
 themes/red/assets/css/site.css              | 3 +--
 themes/red/layouts/partials/render-art.html | 6 +++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/themes/red/assets/css/site.css b/themes/red/assets/css/site.css
index 8adcd29..d498d85 100644
--- a/themes/red/assets/css/site.css
+++ b/themes/red/assets/css/site.css
@@ -253,8 +253,7 @@ figure figcaption {
     white-space: nowrap;
 }
 
-.grid-item {
-    margin-bottom: 10px;
+.grid-item img {
     border: 1px inset black;
     border-radius: 3px;
 }
diff --git a/themes/red/layouts/partials/render-art.html b/themes/red/layouts/partials/render-art.html
index 366ef65..aaebb01 100644
--- a/themes/red/layouts/partials/render-art.html
+++ b/themes/red/layouts/partials/render-art.html
@@ -34,17 +34,17 @@
                 {{ with $image }}
                         {{ if $.Params.threed }}
                                 {{ with resources.Get "3d.png" }}
-                                        <img alt="Viewable 3D" title="Viewable 3D" style="z-index: 1; position: absolute; left: 10px; top: 10px" src="{{ .Permalink }}">
+                                        <img alt="Viewable 3D" title="Viewable 3D" style="z-index: 1; position: absolute; left: 10px; top: 10px; border: none" src="{{ .Permalink }}">
                                 {{ end }}
                         {{ end }}
 
                         {{ if $.Params.animation }}
                                 {{ with resources.Get "play-circle.png" }}
-                                        <img alt="Viewable Animation" title="Viewable Animation" style="z-index: 1; position: absolute; left: 10px; top: 10px" src="{{ .Permalink }}">
+                                        <img alt="Viewable Animation" title="Viewable Animation" style="z-index: 1; position: absolute; left: 10px; top: 10px; border: none" src="{{ .Permalink }}">
                                 {{ end }}
                         {{ end }}
 
-                        <img  width="{{ .Width }}" height="{{ .Height }}" alt="{{ $title }}" title="{{ $title }}" src="{{ .Permalink }}">
+                        <img width="{{ .Width }}" height="{{ .Height }}" alt="{{ $title }}" title="{{ $title }}" src="{{ .Permalink }}">
                 {{ else }}
                         <p>Thumbnail not found!</p>
                 {{ end }}