From 3c0c0f9f1197473d82511bbc47bd4956f0044e56 Mon Sep 17 00:00:00 2001
From: Alex Randaccio <acrandaccio@gmail.com>
Date: Fri, 22 Nov 2024 09:41:08 -0500
Subject: [PATCH] display feature gif captions fix

---
 assets/css/ghost/content.css |  2 +-
 post.hbs                     | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/assets/css/ghost/content.css b/assets/css/ghost/content.css
index 1936eb3..556237f 100644
--- a/assets/css/ghost/content.css
+++ b/assets/css/ghost/content.css
@@ -145,7 +145,7 @@
 }
 
 figcaption {
-    padding: 1.5rem 1.5rem 0;
+    padding-top: 1.5rem;
     text-align: left;
     color: rgba(0,0,0,0.5);
     font-weight: normal;
diff --git a/post.hbs b/post.hbs
index 7af3960..7fb2560 100644
--- a/post.hbs
+++ b/post.hbs
@@ -13,7 +13,7 @@
             <p class="gh-excerpt mx-auto">{{custom_excerpt}}</p>
             {{/if}}
 
-            <div class="gh-feature-image-wrapper my-32">
+            <div class="gh-feature-image-wrapper mt-32">
                 {{#if feature_image}}
                 <figure class="gh-feature-image mt-8 lg:px-48">
                     <picture>
@@ -52,15 +52,15 @@
                         alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
                     >
                     </picture>
-                    {{#if feature_image_caption}}
-                        <figcaption>{{feature_image_caption}}</figcaption>
-                    {{/if}}
                 </figure>
                 {{/if}}
             </div>
+            {{#if feature_image_caption}}
+                <figcaption>{{feature_image_caption}}</figcaption>
+            {{/if}}
         </div>
 
-        <div class="my-24 py-16 border-black border-t border-b">
+        <div class="mt-32 mb-24 py-16 border-black border-t border-b">
             <div class="flex justify-between max-w-5xl mx-auto">
                 <span class="gh-post-meta"><time datetime="{{date format="MMMM D, YYYY"}}">{{date format="MMMM D, YYYY"}}</time> <span class="bull">&bull;</span> {{reading_time}}</span>
                 {{> "share-button"}}