From d4a4fdc524a9a05dfd22517d82ad351fe6917f8b Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne@peacefrogs.net>
Date: Mon, 6 Apr 2020 18:33:26 +0200
Subject: Layout: float positionning for image in main page

---
 home/templates/home/home_page.html         | 24 +++++++++---------------
 showcase/templates/showcase/show_case.html |  2 +-
 2 files changed, 10 insertions(+), 16 deletions(-)

diff --git a/home/templates/home/home_page.html b/home/templates/home/home_page.html
index 7925dbd..b51869a 100644
--- a/home/templates/home/home_page.html
+++ b/home/templates/home/home_page.html
@@ -30,21 +30,15 @@
 
 <div class="row justify-content-center">
 {% for subpage in page.get_reversed_children %}
-  <div class="col-md-auto m-1">
-    <div class="card">
-      <div class="row no-gutters">
-        <div class="col-md-6">
-          {% image subpage.showcase.image original as head_image %}
-          <img src="{{ head_image.url }}" alt="{{ head_image.alt }}" class="card-img" />
-        </div>
-        <div class="col-md-6">
-          <div class="card-body">
-            <h4><a href="/{{subpage.slug}}">{{subpage.title}}</a></h4>
-            {{ subpage.showcase.body|richtext }}<br>
-            <a href="{% pageurl subpage %}">{% trans "Browse..." %}</a>
-          </div>
-        </div>
-      </div>
+  <div class="m-2 p-2 show-case">
+    <div class="p-3 w-50 float-left">
+      {% image subpage.showcase.image original as head_image %}
+      <img src="{{ head_image.url }}" alt="{{ head_image.alt }}" class="card-img" />
+    </div>
+    <div class="p-3">
+      <h4><a href="/{{subpage.slug}}">{{subpage.title}}</a></h4>
+      {{ subpage.showcase.body|richtext }}<br>
+      <a href="{% pageurl subpage %}">{% trans "Browse..." %}</a>
     </div>
   </div>
 {% endfor %}
diff --git a/showcase/templates/showcase/show_case.html b/showcase/templates/showcase/show_case.html
index f9888c6..becf129 100644
--- a/showcase/templates/showcase/show_case.html
+++ b/showcase/templates/showcase/show_case.html
@@ -16,7 +16,7 @@
     <div class="p-3">
         {{ page.body|richtext }}
     </div>
-</div>
+  </div>
 </div>
 
 <hr>
-- 
cgit v1.2.3