From bd3d06e960799f096d10d5f017824dd3e9ec8d2a Mon Sep 17 00:00:00 2001
From: Zankaria <zankaria.auxa@mailu.io>
Date: Thu, 24 Oct 2024 23:48:22 +0200
Subject: [PATCH 1/3] catalog.html: add css classes for controls styling

---
 templates/themes/catalog/catalog.html | 30 +++++++++++++++------------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/templates/themes/catalog/catalog.html b/templates/themes/catalog/catalog.html
index 62ca7147..0dd3fdd3 100644
--- a/templates/themes/catalog/catalog.html
+++ b/templates/themes/catalog/catalog.html
@@ -19,20 +19,24 @@
 		</div>
 	</header>
 
-	<span>{% trans 'Sort by' %}: </span>
-	<select id="sort_by" style="display: inline-block">
-		<option selected value="bump:desc">{% trans 'Bump order' %}</option>
-		<option value="time:desc">{% trans 'Creation date' %}</option>
-		<option value="reply:desc">{% trans 'Reply count' %}</option>
-		<option value="random:desc">{% trans 'Random' %}</option>
-	</select>
+	<span>
+		<span>{% trans 'Sort by' %}: </span>
+		<select id="sort_by" style="display: inline-block">
+			<option selected value="bump:desc">{% trans 'Bump order' %}</option>
+			<option value="time:desc">{% trans 'Creation date' %}</option>
+			<option value="reply:desc">{% trans 'Reply count' %}</option>
+			<option value="random:desc">{% trans 'Random' %}</option>
+		</select>
+	</span>
 
-	<span>{% trans 'Image size' %}: </span>
-	<select id="image_size" style="display: inline-block">
-		<option value="vsmall">{% trans 'Very small' %}</option>
-		<option selected value="small">{% trans 'Small' %}</option>
-		<option value="large">{% trans 'Large' %}</option>
-	</select>
+	<span>
+		<span>{% trans 'Image size' %}: </span>
+		<select id="image_size" style="display: inline-block">
+			<option value="vsmall">{% trans 'Very small' %}</option>
+			<option selected value="small">{% trans 'Small' %}</option>
+			<option value="large">{% trans 'Large' %}</option>
+		</select>
+	</span>
 	<div class="threads">
 		<div id="Grid">
 		{% for post in recent_posts %}

From ecf662c3c85582f3482b1f1ee3095b360b5f6755 Mon Sep 17 00:00:00 2001
From: Zankaria <zankaria.auxa@mailu.io>
Date: Thu, 24 Oct 2024 23:48:45 +0200
Subject: [PATCH 2/3] style.css: add spacing between catalog controls

---
 stylesheets/style.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/stylesheets/style.css b/stylesheets/style.css
index ef1abf8b..893b673b 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -620,6 +620,10 @@ pre {
   margin: 0;
 }
 
+.theme-catalog .controls > span {
+  margin-right: 1em;
+}
+
 .theme-catalog div.thread img {
   float: none!important;
   margin: auto;

From 7290a96e3986879a9ac9b41c6f4fe41f61384f8f Mon Sep 17 00:00:00 2001
From: Zankaria <zankaria.auxa@mailu.io>
Date: Wed, 23 Oct 2024 21:35:18 +0200
Subject: [PATCH 3/3] style.css: adjust catalog thread centering

---
 stylesheets/style.css | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/stylesheets/style.css b/stylesheets/style.css
index 893b673b..cd2e931b 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -633,13 +633,20 @@ pre {
   border: 2px solid rgba(153,153,153,0);
 }
 
+/* Still for the catalog theme */
+#Grid {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-content: center;
+  gap: 0.2em;
+}
+
 .theme-catalog div.thread {
   display: inline-block;
   vertical-align: top;
   text-align: center;
   font-weight: normal;
-  margin-top: 2px;
-  margin-bottom: 2px;
   padding: 2px;
   height: 300px;
   width: 205px;
@@ -657,7 +664,6 @@ pre {
 
 .theme-catalog div.threads {
   text-align: center;
-  margin-left: -20px;
 }
 
 .theme-catalog div.thread:hover {