From 31286f5f0b7ba5d9a8eecc6f5b6acdc3c2caefe7 Mon Sep 17 00:00:00 2001
From: Gregory Trolliet <gregory@trolliet.info>
Date: Thu, 25 Feb 2021 14:31:47 +0100
Subject: [PATCH 1/4] [THEME] Fix inline figures

---
 static/css/style.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/static/css/style.css b/static/css/style.css
index c48bd86..04d0cca 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -538,6 +538,9 @@ a:focus {
 }
 .article-body figure.inline {
 	display: inline-block;
+	min-width: auto;
+	margin-left: 1em;
+	margin-right: 1em;
 }
 .article-body figure.half {
 	width: 100%;

From 49c3cd386b7e02829c45dd6b1c8ccefeaac06f98 Mon Sep 17 00:00:00 2001
From: Gregory Trolliet <gregory@trolliet.info>
Date: Fri, 26 Feb 2021 14:26:00 +0100
Subject: [PATCH 2/4] [THEME] Make link only on image size

Don't allow to clic outside of the image to follow link when the image
is smaller than the page.
---
 static/css/style.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/static/css/style.css b/static/css/style.css
index 04d0cca..f71e9d0 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -572,6 +572,7 @@ a:focus {
 	outline: none;
 	min-height: 100%;
 	border: none;
+	width: fit-content;
 }
 .article-body figure>a>img:hover {
 	box-shadow: 0 0 1em rgba(var(--font-color_rgb), 0.5);

From 0d0b4cabbdb166f5b6f1ca69e1ffa30a0564dd60 Mon Sep 17 00:00:00 2001
From: Gregory Trolliet <gregory@trolliet.info>
Date: Fri, 26 Feb 2021 14:40:05 +0100
Subject: [PATCH 3/4] [THEME] Fix figure width

Better way to fix figure width.
Also solve the link width.
---
 static/css/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/css/style.css b/static/css/style.css
index f71e9d0..12ae0f2 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -504,6 +504,7 @@ a:focus {
 .article-body figure {
 	margin: 1em 0;
 	max-width: 100%;
+	width: fit-content;
 	overflow: visible;
 	min-width: calc(50% - 2 * var(--image-margin-side));
 }
@@ -572,7 +573,6 @@ a:focus {
 	outline: none;
 	min-height: 100%;
 	border: none;
-	width: fit-content;
 }
 .article-body figure>a>img:hover {
 	box-shadow: 0 0 1em rgba(var(--font-color_rgb), 0.5);

From 4e4e64d5b269990d7fb617b593c8ceec28f7ea94 Mon Sep 17 00:00:00 2001
From: Gregory Trolliet <gregory@trolliet.info>
Date: Fri, 26 Feb 2021 16:59:11 +0100
Subject: [PATCH 4/4] [THEME] Fix logo width

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

diff --git a/static/css/style.css b/static/css/style.css
index 12ae0f2..09abc16 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -13,6 +13,8 @@
 	--color02_bright: #b88a5b;
 
 	--image-margin-side: 2.5em;
+
+	--content-width: 900px;
 }
 
 /******************* Page *******************/
@@ -278,7 +280,7 @@ a:focus {
 }
 @media only screen and (min-width: 1000px) {
 	.container {
-		max-width: 900px;
+		max-width: var(--content-width);
 	}
 }
 .page-icon {
@@ -506,7 +508,6 @@ a:focus {
 	max-width: 100%;
 	width: fit-content;
 	overflow: visible;
-	min-width: calc(50% - 2 * var(--image-margin-side));
 }
 .article-body figure picture,
 .article-body figure figcaption {
@@ -516,6 +517,7 @@ a:focus {
 .article-body figure img {
 	vertical-align: middle;
 	padding-bottom: 0.3em;
+	min-width: calc(50% - 2 * var(--image-margin-side));
 }
 @media only screen and (min-width: 768px) {
 	.article-body figure {
@@ -552,7 +554,7 @@ a:focus {
 	max-width: 33.33%;
 }
 .article-body figure.logo img {
-	width: 100%;
+	width: 100px;
 	max-width: 100px;
 	min-width: auto;
 	vertical-align: bottom;