From a450342d0db1716fcb47b4e689885496ced426c4 Mon Sep 17 00:00:00 2001
From: Zankaria <zankaria.auxa@mailu.io>
Date: Wed, 23 Oct 2024 20:05:10 +0200
Subject: [PATCH 1/5] catalog.html: adjust image size naming

---
 templates/themes/catalog/catalog.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/themes/catalog/catalog.html b/templates/themes/catalog/catalog.html
index d166b563..2d6d6c86 100644
--- a/templates/themes/catalog/catalog.html
+++ b/templates/themes/catalog/catalog.html
@@ -51,8 +51,8 @@
 
 		<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="vsmall">{% trans 'Small' %}</option>
+			<option selected value="small">{% trans 'Medium' %}</option>
 			<option value="large">{% trans 'Large' %}</option>
 		</select>
 	</div>

From 971191936a388b317ee8f62a2534acbe89442157 Mon Sep 17 00:00:00 2001
From: Zankaria <zankaria.auxa@mailu.io>
Date: Wed, 23 Oct 2024 21:35:18 +0200
Subject: [PATCH 2/5] 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 4b71246e..f42cbd10 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -936,13 +936,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;
@@ -961,7 +968,6 @@ pre {
 
 .theme-catalog div.threads {
   text-align: center;
-  margin-left: -20px;
 }
 
 .theme-catalog div.thread:hover {

From f0f784d1130a14329b6da75cde9e1465f5777cce Mon Sep 17 00:00:00 2001
From: Zankaria <zankaria.auxa@mailu.io>
Date: Wed, 23 Oct 2024 21:35:46 +0200
Subject: [PATCH 3/5] style.css; fix missing semicolon

---
 stylesheets/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/stylesheets/style.css b/stylesheets/style.css
index f42cbd10..85813cb3 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -923,7 +923,7 @@ form.ban-appeal textarea {
   display:inline!important;
 }
 pre {
-  margin:0
+  margin: 0;
   display: inline!important;
 }
 

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

---
 templates/themes/catalog/catalog.html | 46 +++++++++++++++------------
 1 file changed, 26 insertions(+), 20 deletions(-)

diff --git a/templates/themes/catalog/catalog.html b/templates/themes/catalog/catalog.html
index 2d6d6c86..9f476a7c 100644
--- a/templates/themes/catalog/catalog.html
+++ b/templates/themes/catalog/catalog.html
@@ -33,28 +33,34 @@
                 </div>
         </details>
         {% endif %}
-	<div class="controls">
-		<ul style="display: none">
-			<li id="sort-bump-order" class="sort" data-sort="data-bump" data-order="asc">{% trans 'Bump order' %}</li>
-			<li id="sort-creation-date" class="sort" data-sort="data-time" data-order="asc">{% trans 'Creation date' %}</li>
-			<li id="sort-reply-count" class="sort" data-sort="data-reply" data-order="asc">{% trans 'Reply count' %}</li>
-			<li id="sort-random" class="sort" data-sort="random">{% trans 'Random' %}</li>
-		</ul>
+	<div class="theme-catalog controls">
+		<span>
+			<ul style="display: none">
+				<li id="sort-bump-order" class="sort" data-sort="data-bump" data-order="asc">{% trans 'Bump order' %}</li>
+				<li id="sort-creation-date" class="sort" data-sort="data-time" data-order="asc">{% trans 'Creation date' %}</li>
+				<li id="sort-reply-count" class="sort" data-sort="data-reply" data-order="asc">{% trans 'Reply count' %}</li>
+				<li id="sort-random" class="sort" data-sort="random">{% trans 'Random' %}</li>
+			</ul>
+		</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">{% 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">{% trans 'Random' %}</option>
+			</select>
+		</span>
 
-		<span>{% trans 'Image size' %}: </span>
-		<select id="image_size" style="display: inline-block">
-			<option value="vsmall">{% trans 'Small' %}</option>
-			<option selected value="small">{% trans 'Medium' %}</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 'Small' %}</option>
+				<option selected value="small">{% trans 'Medium' %}</option>
+				<option value="large">{% trans 'Large' %}</option>
+			</select>
+		</span>
 	</div>
 	<br></br>
         <div class="threads">

From 7ea17c9f8ea2996c03d659b98ea26bc95e44c1df Mon Sep 17 00:00:00 2001
From: Zankaria <zankaria.auxa@mailu.io>
Date: Thu, 24 Oct 2024 23:48:45 +0200
Subject: [PATCH 5/5] 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 85813cb3..db434302 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -927,6 +927,10 @@ pre {
   display: inline!important;
 }
 
+.theme-catalog .controls > span {
+  margin-right: 1em;
+}
+
 .theme-catalog div.thread img {
   float: none!important;
   margin: auto;