From 9b988a576386bf5a50eb86cecbbc4a39672c4bb4 Mon Sep 17 00:00:00 2001
From: Greg Newman <greg@gregnewman.org>
Date: Thu, 1 Jun 2023 18:31:20 -0400
Subject: [PATCH] :bug: fixes version select position

fixes #399
---
 static/css/styles.css         | 16 ++++++++++------
 templates/libraries/list.html |  6 +++---
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/static/css/styles.css b/static/css/styles.css
index 3f89e65d..78450d07 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -1045,10 +1045,6 @@ input[type=file] {
   float: right;
 }
 
-.\!float-right {
-  float: right !important;
-}
-
 .float-left {
   float: left;
 }
@@ -1433,6 +1429,10 @@ input[type=file] {
   min-width: 0px;
 }
 
+.min-w-\[100px\] {
+  min-width: 100px;
+}
+
 .max-w-md {
   max-width: 28rem;
 }
@@ -2806,8 +2806,8 @@ input[type=file] {
     width: 33.333333%;
   }
 
-  .md\:min-w-\[300px\] {
-    min-width: 300px;
+  .md\:min-w-\[150px\] {
+    min-width: 150px;
   }
 
   .md\:max-w-7xl {
@@ -3040,6 +3040,10 @@ input[type=file] {
 }
 
 @media (min-width: 1024px) {
+  .lg\:min-w-\[300px\] {
+    min-width: 300px;
+  }
+
   .lg\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
diff --git a/templates/libraries/list.html b/templates/libraries/list.html
index cbd8ba6c..6a4a54b0 100644
--- a/templates/libraries/list.html
+++ b/templates/libraries/list.html
@@ -33,7 +33,7 @@
 
 
     <form action="/libraries/" method="get">
-      <div class="flex space-x-3">
+      <div class="flex relative space-x-3">
         <!-- Search -->
         <div class="relative">
           <span class="flex absolute top-2 right-3 items-center pl-2">
@@ -42,7 +42,7 @@
             </button>
           </span>
           <input @click="showSearch = true; $nextTick(() => { setTimeout(() => { document.getElementById('q').focus(); }, 300);});"
-                type="search" name="q" class="py-2 px-3 text-sm bg-white rounded-md border-gray-300 md:w-1/3 text-sky-600 md:min-w-[300px] dark:text-orange dark:border-slate dark:bg-charcoal focus:text-charcoal" type="text" value="" placeholder="Search" />
+                type="search" name="q" class="py-2 px-3 text-sm bg-white rounded-md border-gray-300 min-w-[100px] text-sky-600 md:min-w-[150px] lg:min-w-[300px] dark:text-orange dark:border-slate dark:bg-charcoal focus:text-charcoal" type="text" value="" placeholder="Search" />
         </div>
 
         <!-- Select a category -->
@@ -67,7 +67,7 @@
         <!-- Select a version -->
         <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"
+                class="absolute right-0 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>