From 6cefc6dfa11246aafe8e2da24543fa28dd1969c4 Mon Sep 17 00:00:00 2001
From: Ed <houedward@gmail.com>
Date: Thu, 22 Apr 2021 17:22:17 -0700
Subject: [PATCH] Image display in post detail and post edit

---
 src/main/resources/templates/fragments/image.html | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/main/resources/templates/fragments/image.html b/src/main/resources/templates/fragments/image.html
index 7455ea4..319d5ea 100644
--- a/src/main/resources/templates/fragments/image.html
+++ b/src/main/resources/templates/fragments/image.html
@@ -7,12 +7,15 @@
 <section th:fragment="postImage(image)">
     <img class="img-fluid" th:src="${@postService.getImageUrl(image)}">
     <div class="row justify-content-center">
-        <p th:text="'Description: ' + ${image.description}"></p>
+        <div class="p-2" th:if="${image.description}" th:text="'Description: ' + ${image.description}"></div>
     </div>
 </section>
 
-<section th:fragment="editViewPostImage(${image})">
+<section class="card col-md-9 col-l-8 col-xl-7 col-xxl-6" th:fragment="editViewPostImage(${image})">
     <img th:src="${@postService.getImageUrl(image)}">
+    <div class="row justify-content-center">
+        <div class="p-2" th:if="${image.description}" th:text="'Description: ' + ${image.description}"></div>
+    </div>
 
     <a class="btn btn-secondary" data-bs-toggle="collapse" href="#editDescription" aria-expanded="false" aria-controls="editDescription">
         <i class="bi bi-pencil-fill"></i>