From 9fdd7448e9bfc4b2c4613416ffa009a2508c149e Mon Sep 17 00:00:00 2001
From: teldra <teldra@rotce.de>
Date: Wed, 6 Apr 2022 21:20:16 +0200
Subject: [PATCH] small fixes

---
 themes/buha/assets/css/layout.css             |  2 +-
 .../_default/_markup/render-image.html        | 26 ++++++++++++-------
 2 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/themes/buha/assets/css/layout.css b/themes/buha/assets/css/layout.css
index 5dd16bfd..79ed20da 100644
--- a/themes/buha/assets/css/layout.css
+++ b/themes/buha/assets/css/layout.css
@@ -118,7 +118,7 @@ article {
 }
 
 #articletext img {
-	margin: 1.5rem 1.5rem 3rem 2rem;
+
 	border-radius: 15px;
 	width: 80%;
 }
diff --git a/themes/buha/layouts/_default/_markup/render-image.html b/themes/buha/layouts/_default/_markup/render-image.html
index ac0d8b1b..3cdd4d57 100644
--- a/themes/buha/layouts/_default/_markup/render-image.html
+++ b/themes/buha/layouts/_default/_markup/render-image.html
@@ -1,13 +1,17 @@
 {{- if strings.HasPrefix .Destination "http" -}}
-  <img loading="lazy" 
-    src="{{ .Destination | safeURL }}" 
-    alt="{{ .Text }}" 
-    {{ with .Title}} title="{{ . }}"{{ end }} />
+    <a href="{{- .Destination -}}">
+        <img loading="lazy" 
+            src="{{ .Destination | safeURL }}" 
+            alt="{{ .Text }}" 
+            {{ with .Title}} title="{{ . }}"{{ end }} />
+        <div style="display: flex; justify-content: center;">{{ .Text }}</div>
+    </a>
 {{- else -}}
     {{ if .Page.Resources.ByType "image" }}
         {{ $nr := .Destination }}
         {{- $pic := index (.Page.Resources.ByType "image") (int $nr) -}}
         {{- $image := .Page.Resources.GetMatch (printf "%s" ($pic | safeURL)) -}}
+            <div>
         <a href="{{- $image.Permalink -}}">
             {{- $permalink := "" -}}
 
@@ -18,12 +22,14 @@
             {{- $permalink = (printf "/%s" (.Destination | safeURL)) -}}
             {{- end -}}
 
-            <img loading="lazy" 
-            src="{{ $permalink }}" 
-            alt="{{ .Text }}" 
-            {{ with .Title}} title="{{ . }}"{{ end }} 
-            width={{ $image.Width }} 
-            height="{{ $image.Height }}"  />
+                <div style="display: flex; justify-content: center;"><img loading="lazy" 
+                src="{{ $permalink }}" 
+                alt="{{ .Text }}" 
+                {{ with .Title}} title="{{ . }}"{{ end }} 
+                width={{ $image.Width }} 
+                height="{{ $image.Height }}" /></div>
+                <div style="display: flex; justify-content: center;">{{ .Text }}</div>
         </a>
+            </div>
     {{ end }}
 {{- end -}}