From f2f73cfe5046cd0a64111c830c39e014169ed9ed Mon Sep 17 00:00:00 2001
From: Gabriele Musco <gabmus@disroot.org>
Date: Thu, 11 Mar 2021 13:19:00 +0100
Subject: [PATCH] fixed margin issue introduced by floating image in article
 preview

---
 assets/scss/style.scss |  4 ++--
 layouts/index.html     | 28 +++++++++++++++-------------
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index d76099d..9501f09 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -261,14 +261,14 @@ h1, h2, h3, h4, h5, h6 {
     hr { display: none; }
 }
 
-.postlistitem.card {
+.postlistitem.card div {
     img {
         margin: 15px auto;
     }
 }
 
 @media only screen and (min-width: 500px) {
-    .postlistitem.card {
+    .postlistitem.card > div {
         img {
             max-width: 250px;
             float: left;
diff --git a/layouts/index.html b/layouts/index.html
index 7386a8f..b1b84c0 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -7,10 +7,11 @@
     {{/* pagination */}}
     {{ range (.Paginate $postsList).Pages }}
         <article class="card postlistitem {{ if .Site.Params.discreteCards }}discrete{{ end }}">
-            <h2>
-                <a href="{{ .Permalink }}">{{ .Title }}</a>
-            </h2>
-            <p class="date">
+            <div>
+                <h2>
+                    <a href="{{ .Permalink }}">{{ .Title }}</a>
+                </h2>
+                <p class="date">
                 <span title="Date"> </span>
                 {{ .Date.Format "2006-01-02" }}
                 {{ if .Params.tags }}
@@ -20,15 +21,16 @@
                         <a href="/tags/{{ . }}">#{{ . }}</a>
                     {{ end }}
                 {{ end }}
-            </p>
-            {{ if .Site.Params.imageInArticlePreview }}
-                {{ if .Params.Image }}
-                    <img src="{{ .Params.Image }}" />
-                {{ end }}
-            {{end}}
-            <div class="articlePreview">
-                {{ .Summary }}
-                <a href="{{ .Permalink }}">Continue reading </a>
+                </p>
+                {{ if .Site.Params.imageInArticlePreview }}
+                    {{ if .Params.Image }}
+                        <img src="{{ .Params.Image }}" />
+                    {{ end }}
+                {{end}}
+                <div class="articlePreview">
+                    <p>{{ .Summary }}</p>
+                    <p><a href="{{ .Permalink }}">Continue reading </a></p>
+                </div>
             </div>
             <hr />
         </article>