From 2cd376ae5d2b4b16f79b3e144afd5631cc08bb3a Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Tue, 15 Oct 2024 08:17:39 +0100
Subject: [PATCH] Improve styling of search bar

- Larger for more space
- Border color and focused state consistent with rest of application
---
 lib/music_library_web/live/record_live/index.html.heex | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/music_library_web/live/record_live/index.html.heex b/lib/music_library_web/live/record_live/index.html.heex
index 6829a470..92b770e9 100644
--- a/lib/music_library_web/live/record_live/index.html.heex
+++ b/lib/music_library_web/live/record_live/index.html.heex
@@ -1,10 +1,10 @@
 <header class="gap-6 mb-2">
   <h1 class="text-lg font-semibold leading-8 text-zinc-800">All Records</h1>
   <div class="flex items-center justify-between gap-6 mb-2 mt-2">
-    <form class="w-1/2" for={@record_list_params.query} phx-submit="search" phx-change="search">
+    <form class="w-2/3" for={@record_list_params.query} phx-submit="search" phx-change="search">
       <input
         type="search"
-        class="w-full rounded-lg text-zinc-900 focus:ring-0 sm:text-sm sm:leading-6"
+        class="w-full rounded-lg text-zinc-900 border-gray-300 focus:border-zinc-400 focus:ring-0 sm:text-sm sm:leading-6"
         id={:query}
         name={:query}
         value={@record_list_params.query}