From cfa57992909bfe2f4340ea05667ef34c5a17494a Mon Sep 17 00:00:00 2001
From: JoshCreany <joshcreany@gmail.com>
Date: Sun, 8 Oct 2023 12:49:31 -0600
Subject: Cleaned up search area and started putting tasks into cards

---
 templates/index.html | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

(limited to 'templates/index.html')

diff --git a/templates/index.html b/templates/index.html
index 34fde55..46fda41 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -208,18 +208,16 @@
                 <!-- We've used 3xl here, but feel free to try other max-widths based on your needs -->
                 <div class="mx-auto max-w-2xl">
                   <div>
-                   
                     <form hx-post="/search" method="POST" hx-target="#search-results">
-                    <label for="search" class="block text-sm font-medium leading-6 text-gray-900">Quick search</label>
-                    <div class="relative mt-2 flex items-center">
-                    <input type="hidden" id="car_details" name="car_details" value="2001 BMW 540i">
-                      <input type="text" name="search" id="search" class="block w-full rounded-md border-0 py-1.5 pr-14 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
-                      <div class="absolute inset-y-0 right-0 flex py-1.5 pr-1.5">
-                        <kbd class="inline-flex items-center rounded border border-gray-200 px-1 font-sans text-xs text-gray-400">⌘K</kbd>
+                      <label for="search" class="block text-center text-lg font-medium leading-6 text-gray-900">New Task List</label>
+                      <div class="relative mt-2 flex items-center">
+                      <input type="hidden" id="car_details" name="car_details" value="2001 BMW 540i">
+                        <input type="text" name="search" id="search" class="block w-full rounded-md border-0 py-1.5 pr-14 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6" placeholder="Customer Complaint">
+                        <div class="absolute inset-y-0 right-0 mr-2 flex items-center pr-3">
+                          <button type="submit" class="rounded bg-indigo-600 px-3 py-1 text-xs font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Search</button>
+                        </div>
                       </div>
-                    </div>
-                    <button type="submit" class="rounded bg-indigo-600 px-2 py-1 text-xs font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 mt-3">Search</button>
-                    </form>
+                      </form>
                   </div>
                 </div>
               </div>
@@ -236,7 +234,7 @@
             </li>
           </ul>
         </div>
-        <div class="mx-auto max-w-2xl mt-10 ml-2 mr-2 mb-5">
+        <div class="mx-auto max-w-4xl mt-10 ml-4 mr-4 mb-5">
         <fieldset>
             <legend class="sr-only">Notifications</legend>
             <div class="space-y-5" id="search-results">
-- 
cgit v1.2.3