From 6bcfb624866de8893dd9c7a008c2eced776389bb Mon Sep 17 00:00:00 2001
From: Gregory Trolliet <gregory@trolliet.info>
Date: Sun, 31 Oct 2021 12:35:58 +0100
Subject: [PATCH 1/3] [THEME] Fix the archives layout for smartphones

---
 layouts/archives/li.html |  7 +++++--
 static/css/style.css     | 17 ++++++++++++-----
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/layouts/archives/li.html b/layouts/archives/li.html
index 85559c7..4d5a086 100644
--- a/layouts/archives/li.html
+++ b/layouts/archives/li.html
@@ -1,5 +1,8 @@
 <a class="archive hidden_link" href="{{ .Params.ExternalLink | default .RelPermalink }}">
 		<img class="thumbnail" src="{{ .RelPermalink }}/thumb.jpg" />
-		<span class="description">{{ .Title }}</span>
-		<span class="more">&rarr; plus d'infos</span>
+		<div class="description">
+			<span class="title">{{ .Title }}</span>
+			<p>{{ .Description }}</p>
+			<span class="more">&rarr; plus d'infos</span>
+		</div>
 </a>
diff --git a/static/css/style.css b/static/css/style.css
index a75562a..cab0824 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -351,11 +351,10 @@ a.not(.anchor):focus {
 	height: 100px;
 }
 .archives-list .thumbnail {
-	display: block;
+	display: inline-block;
 	width: 15em;
 	text-align: left;
-	padding-right: 1.5em;
-	float: left;
+	margin-right: 1.5em;
 }
 @media only screen and (min-width: 768px) {
 	.archives-list .thumbnail {
@@ -363,8 +362,16 @@ a.not(.anchor):focus {
 		text-align: right;
 	}
 }
+.archives-list .title {
+	font-weight: bold;
+}
 .archives-list .description {
-	height: 100%;
+	display: inline-block;
+	min-width: 10em;
+	vertical-align: top;
+}
+.archives-list .description>p {
+	min-height: 3em;
 }
 .archive .more {
 	position: absolute;
@@ -849,7 +856,7 @@ blockquote:after {
 	color: #fafafa;
 	background-color: var(--background-color-dark);
 	border: solid 5px var(--font-color-em);
-	padding: 10px 15px;
+	padding: 0.7em 0.9em 0.6em 0.9em;
 	border-radius: 1px;
 	text-decoration: none;
 	opacity: 50%;

From f4866f90502ceada8807d5353a4a5b4a559863a6 Mon Sep 17 00:00:00 2001
From: Gregory Trolliet <gregory@trolliet.info>
Date: Sun, 31 Oct 2021 12:36:36 +0100
Subject: [PATCH 2/3] [THEME] Fix the display of archive gallery

---
 static/css/style.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/static/css/style.css b/static/css/style.css
index cab0824..1a32be1 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -779,6 +779,13 @@ blockquote:after {
 }
 
 /******************* Archive Gallery *******************/
+.thumb {
+	display: inline-block;
+	position: relative;
+}
+.thumb:hover {
+	z-index: 2;
+}
 .thumb>img {
 	max-height: 150px;
 	max-width: 150px;
@@ -799,7 +806,7 @@ blockquote:after {
 
 .lightbox img {
 	max-width: 90%;
-	max-height: 95%;
+	max-height: 92vh;
 	margin-top: 2%;
 	opacity: 0;
 }

From 9da2a99bc9e658ccfe3700e8071abd2c781fbc7d Mon Sep 17 00:00:00 2001
From: Gregory Trolliet <gregory@trolliet.info>
Date: Sun, 31 Oct 2021 12:36:56 +0100
Subject: [PATCH 3/3] [THEME] Fix the display of the letter page

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

diff --git a/static/css/style.css b/static/css/style.css
index 1a32be1..42f86cf 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -410,20 +410,30 @@ a.not(.anchor):focus {
 }
 #letter-choice>p,
 #letter-form>label {
-	display: inline-block;
-	min-width: 10em;
+	display: block;
 }
+
 #letter-choice input:first-of-type {
 	margin-top: 0;
 }
 #letter-form input[type="text"] {
 	height: 2em;
-	width: 20em;
+	width: 100%;
 	max-width: 100%;
 }
 #letter-form #submit {
 	padding: 0.5em 0.8em;
 }
+@media only screen and (min-width: 768px) {
+	#letter-form>label {
+		display: inline-block;
+		min-width: 16em;
+	}
+	#letter-form input[type="text"] {
+		height: 2em;
+		width: 24em;
+	}
+}
 /******************* Paginator *******************/
 .pagination {
 	padding-left: 0;