From 783e535dd0f673c0bea5120cff42532e337ea2f4 Mon Sep 17 00:00:00 2001
From: Greg Newman <greg@gregnewman.org>
Date: Wed, 31 May 2023 19:17:59 -0400
Subject: [PATCH] :hammer: refactor html for better spacing

fixes #409
---
 templates/libraries/list.html | 28 +++++++++++-----------------
 1 file changed, 11 insertions(+), 17 deletions(-)

diff --git a/templates/libraries/list.html b/templates/libraries/list.html
index b19db0b5..cbd8ba6c 100644
--- a/templates/libraries/list.html
+++ b/templates/libraries/list.html
@@ -60,25 +60,19 @@
         </div>
 
         <!-- Display options -->
-        <div class="pl-2 space-x-3">
-          <i class="bg-white rounded border border-gray-300 cursor-pointer fas fa-list text-slate p-[10px] hover:bg-orange"></i>
-          <i class="text-white bg-gray-600 rounded border border-gray-300 cursor-pointer fas fa-th-large p-[10px] hover:bg-orange"></i>
-          <i class="bg-white rounded border border-gray-300 cursor-pointer fas fa-cat text-slate p-[10px] hover:bg-orange"></i>
-        </div>
+        <div><i class="bg-white rounded border border-gray-300 cursor-pointer fas fa-list text-slate p-[10px] hover:bg-orange"></i></div>
+        <div><i class="text-white bg-gray-600 rounded border border-gray-300 cursor-pointer fas fa-th-large p-[10px] hover:bg-orange"></i></div>
+        <div><i class="bg-white rounded border border-gray-300 cursor-pointer fas fa-cat text-slate p-[10px] hover:bg-orange"></i></div>
 
         <!-- Select a version -->
-        <div class="float-right">
-          <label for="id_version" hidden="true">Versions:</label>
-          <select onchange="this.form.submit()"
-                  name="version"
-                  class="block py-2 pr-8 pl-5 mb-3 text-sm bg-white rounded-md border border-gray-300 cursor-pointer sm:inline-block md:mb-0 md:w-auto dark:bg-black text-sky-600 dark:text-orange dark:border-slate"
-                  id="id_version"
-          >
-            {% for v in versions %}
-              <option value="{{ v.slug }}" {% if version == v %}selected="selected"{% endif %}>{{ v.display_name }}</option>
-            {% endfor %}
-          </select>
-        </div>
+        <select onchange="this.form.submit()"
+                name="version"
+                class="inline-block float-right py-2 pr-8 pl-5 mb-3 text-sm bg-white rounded-md border border-gray-300 cursor-pointer sm:inline-block md:mb-0 md:w-auto dark:bg-black text-sky-600 dark:text-orange dark:border-slate"
+                id="id_version">
+          {% for v in versions %}
+          <option value="{{ v.slug }}" {% if version == v %}selected="selected"{% endif %}>{{ v.display_name }}</option>
+          {% endfor %}
+        </select>
       </div>
     </form>
   </div>