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] 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 %}