From 0f7c49e063d14f245cf963b263d8633194e08dfe Mon Sep 17 00:00:00 2001
From: Kobe <kobeamerijckx@outlook.com>
Date: Sun, 8 Jun 2025 17:13:23 +0200
Subject: [PATCH] Update post.html

---
 templates/post.html | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/templates/post.html b/templates/post.html
index 35a900d..04366a8 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -68,21 +68,21 @@
       <div class="prose max-w-none mb-4 text-[#4e6b50]">{{ plant.description|safe }}</div>
     </div>
   </div>
-  {% if products %}
-    <div class="mb-8 mt-4">
-      <span class="font-semibold text-[#4e6b50]">Products:</span>
-      <span class="flex flex-wrap gap-2 mt-1">
-        {% for product in products %}
-          <span class="inline-block bg-[#e6ebe0] text-[#3e5637] px-3 py-1 rounded text-xs font-semibold border border-[#d0e7d2]">{{ product.name }}</span>
-        {% endfor %}
-      </span>
-    </div>
-  {% endif %}
-  {% if plant.care_guide %}
+  {% if plant.care_guide or products %}
     <div class="mt-12">
       <h2 class="text-2xl font-bold text-[#6b8f71] mb-3">Care Guide</h2>
       <div class="prose max-w-none bg-[#f8f9fa] border border-[#e6ebe0] rounded-xl p-6 text-[#3e5637] shadow" style="min-height:80px;">
         {{ plant.care_guide|safe }}
+        {% if products %}
+          <div class="mt-6">
+            <h3 class="text-lg font-semibold text-[#4e6b50] mb-2">Recommended Products</h3>
+            <div class="flex flex-wrap gap-2">
+              {% for product in products %}
+                <span class="inline-block bg-[#e6ebe0] text-[#3e5637] px-3 py-1 rounded text-sm font-semibold border border-[#d0e7d2]">{{ product.name }}</span>
+              {% endfor %}
+            </div>
+          </div>
+        {% endif %}
       </div>
     </div>
   {% endif %}