From f71fa6fa251f04ff5b64bb2b11bf198be8c14c56 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Mon, 23 Dec 2024 17:11:39 +0000
Subject: [PATCH] Make search smaller on desktop, full width on mobile

---
 lib/music_library_web/components/record_components.ex | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/music_library_web/components/record_components.ex b/lib/music_library_web/components/record_components.ex
index 1e7e9fd5..6d4feaac 100644
--- a/lib/music_library_web/components/record_components.ex
+++ b/lib/music_library_web/components/record_components.ex
@@ -192,7 +192,7 @@ defmodule MusicLibraryWeb.RecordComponents do
 
   def search_form(assigns) do
     ~H"""
-    <form class="w-2/3" for={@query} phx-submit="search" phx-change="search">
+    <form class="w-full sm:w-1/3" for={@query} phx-submit="search" phx-change="search">
       <.input
         type="search"
         id={:query}