From 20ce6999d2a069919754978a4a6aa32e939b523d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mat=C4=9Bj=20Grabovsk=C3=BD?= <mgrabovsky@yahoo.com>
Date: Thu, 26 Mar 2015 21:43:26 +0100
Subject: [PATCH] Wrap controls on the catalog page in a div

---
 templates/themes/catalog/catalog.html | 40 ++++++++++++++-------------
 1 file changed, 21 insertions(+), 19 deletions(-)

diff --git a/templates/themes/catalog/catalog.html b/templates/themes/catalog/catalog.html
index 6cc75a7d..12b3cd98 100644
--- a/templates/themes/catalog/catalog.html
+++ b/templates/themes/catalog/catalog.html
@@ -18,27 +18,29 @@
 		<div class="subtitle">{{ settings.subtitle }}</div>
 	</header>
 
-	<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="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>
 
-	<span>{% trans 'Sort by' %}: </span>
-	<select id="sort_by" style="display: inline-block">
-		<option selected value="bump-order">{% trans 'Bump order' %}</option>
-		<option value="creation-date">{% trans 'Creation date' %}</option>
-		<option value="reply-count">{% trans 'Reply count' %}</option>
-		<option value="random">{% trans 'Random' %}</option>
-	</select>
+		<span>{% trans 'Sort by' %}: </span>
+		<select id="sort_by" style="display: inline-block">
+			<option selected value="bump-order">{% trans 'Bump order' %}</option>
+			<option value="creation-date">{% trans 'Creation date' %}</option>
+			<option value="reply-count">{% trans 'Reply count' %}</option>
+			<option value="random">{% trans 'Random' %}</option>
+		</select>
 
-	<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>{% 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>
+	</div>
 
 	<div class="threads">
 		<ul id="Grid">