From ce7c682ef5dacfa1985b0a6679487cfaa95c3384 Mon Sep 17 00:00:00 2001
From: shockrah <dev@shockrah.xyz>
Date: Mon, 7 Oct 2024 16:22:06 -0700
Subject: [PATCH] Fixing the sizing on images in feeds and posts

---
 .../themes/temper/layouts/_default/single.html     | 14 +++++++-------
 main-site/themes/temper/static/css/style.css       |  6 +++++-
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/main-site/themes/temper/layouts/_default/single.html b/main-site/themes/temper/layouts/_default/single.html
index 5fb1db6..f3a34c5 100644
--- a/main-site/themes/temper/layouts/_default/single.html
+++ b/main-site/themes/temper/layouts/_default/single.html
@@ -4,14 +4,14 @@
   {{  if .Params.Description }}
   <div class="container">
     <h5>{{ .Params.Description }}</h5>
-  </div>
-  {{ end }}
-  {{  if .Params.Thumbnail }}
-    {{ if .Params.ContentThumbnail }}
-      <a href="{{ .Params.Thumbnail }}">
-        <img class="card-img" src="{{ .Params.Thumbnail }}">
-      </a>
+    {{  if .Params.Thumbnail }}
+      {{ if .Params.ContentThumbnail }}
+        <a href="{{ .Params.Thumbnail }}">
+          <img class="card-img" src="{{ .Params.Thumbnail }}">
+        </a>
+      {{ end }}
     {{ end }}
+  </div>
   {{ end }}
   <div class="container">{{ .Content }}</div>
 {{ end }}
diff --git a/main-site/themes/temper/static/css/style.css b/main-site/themes/temper/static/css/style.css
index e8dada5..969901e 100644
--- a/main-site/themes/temper/static/css/style.css
+++ b/main-site/themes/temper/static/css/style.css
@@ -171,13 +171,17 @@ a:hover { color: #EAA221; }
 	width: 80%;
 	padding-bottom: 1em;
 }
+.feed-container .a .card-img {
+  max-width: 60%;
+}
+
 .card { 
   background-color: transparent; 
   border-style: solid;
   border-width: 3px;
   padding: 1em;
   margin: 1em;
-  max-width: 75%;
+  max-width: 60%;
   min-width: 250px;
 }