From 995ec3f624fa4be0cac26bf94d4e44043b89761e Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Thu, 3 Oct 2024 20:10:51 +0100
Subject: [PATCH] Render format and type selects on the same line

With the exception of mobile, where the stacked layout still makes
sense.
---
 .../live/record_live/form_component.ex        | 30 ++++++++++---------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/lib/music_library_web/live/record_live/form_component.ex b/lib/music_library_web/live/record_live/form_component.ex
index 92d94ded..feb6adc7 100644
--- a/lib/music_library_web/live/record_live/form_component.ex
+++ b/lib/music_library_web/live/record_live/form_component.ex
@@ -26,20 +26,22 @@ defmodule MusicLibraryWeb.RecordLive.FormComponent do
         phx-change="validate"
         phx-submit="save"
       >
-        <.input
-          field={@form[:type]}
-          type="select"
-          label="Type"
-          prompt="Choose a value"
-          options={Ecto.Enum.values(MusicLibrary.Records.Record, :type)}
-        />
-        <.input
-          field={@form[:format]}
-          type="select"
-          label="Format"
-          prompt="Choose a value"
-          options={Ecto.Enum.values(MusicLibrary.Records.Record, :format)}
-        />
+        <div class="sm:columns-2">
+          <.input
+            field={@form[:type]}
+            type="select"
+            label="Type"
+            prompt="Choose a value"
+            options={Ecto.Enum.values(MusicLibrary.Records.Record, :type)}
+          />
+          <.input
+            field={@form[:format]}
+            type="select"
+            label="Format"
+            prompt="Choose a value"
+            options={Ecto.Enum.values(MusicLibrary.Records.Record, :format)}
+          />
+        </div>
         <.input field={@form[:release]} type="text" label="Release" />
         <div>
           <.label for={@uploads.cover_data.ref}>