From 70214fda1b04f22e1996e9809270cefecf13d977 Mon Sep 17 00:00:00 2001
From: Gregory Trolliet <gregory@trolliet.info>
Date: Tue, 11 Oct 2022 19:23:02 +0200
Subject: [PATCH 1/2] [THEME] Fix image hover and sup size

---
 layouts/shortcodes/img.html | 2 +-
 static/css/style.css        | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/layouts/shortcodes/img.html b/layouts/shortcodes/img.html
index eef90e0..bda52b3 100644
--- a/layouts/shortcodes/img.html
+++ b/layouts/shortcodes/img.html
@@ -2,7 +2,7 @@
 {{ $name_splitted := split $img.RelPermalink "." }}
 {{ $name_base := index $name_splitted 0 }}
 {{ $ext_base := index $name_splitted 1 }}
-<figure {{ with .Get "class" }} class="{{ . }}"{{ end }}>
+<figure {{ with .Get "id" }} id="{{ . }}"{{ end }}{{ with .Get "class" }} class="{{ . }}"{{ end }}>
 	{{ with .Get "link" }}
 		<a href="{{ . | absURL }}">
 	{{ else }}
diff --git a/static/css/style.css b/static/css/style.css
index 8f6f34a..0bfa745 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -626,6 +626,8 @@ a.not(.anchor):focus {
 }
 .article-body figure figcaption .attribution {
 	float: right;
+	margin-left: 1em;
+	margin-top: 1em;
 }
 @media only screen and (max-width: 320px) {
 	.article-body .footnotes ol {
@@ -749,6 +751,7 @@ details[open] summary:hover {
 	vertical-align: top;
 	position: relative;
 	top: -0.5rem;
+	font-size: 0.6em;
 }
 
 /******************* Article Blockquote *******************/

From 95efb8ae2edf7db5aa0ba8b61bf1a2f7f18bc204 Mon Sep 17 00:00:00 2001
From: Gregory Trolliet <gregory@trolliet.info>
Date: Tue, 11 Oct 2022 22:08:58 +0200
Subject: [PATCH 2/2] [THEME] Better display of image with longer caption

---
 static/css/style.css | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 8e77a8f..4f1ea68 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -544,11 +544,6 @@ a.not(.anchor):focus {
 	width: fit-content;
 	overflow: visible;
 }
-.article-body figure picture,
-.article-body figure figcaption {
-	display: table-row;
-	border-spacing: 0;
-}
 .article-body figure img {
 	vertical-align: middle;
 	min-width: calc(50% - 2 * var(--image-margin-side));
@@ -606,9 +601,11 @@ a.not(.anchor):focus {
 }
 .article-body figure>a {
 	display: block;
+	width: fit-content;
 	outline: none;
 	min-height: 100%;
 	border: none;
+	margin: auto;
 	margin-bottom: 0.3em;
 }
 .article-body figure>a:hover {