From d6261e12c13fc72de99821e8c92846fa4dbf7383 Mon Sep 17 00:00:00 2001
From: Claudio Ortolina <cloud8421@gmail.com>
Date: Sat, 6 Sep 2025 12:08:13 +0300
Subject: [PATCH] Improve layout and spacing for notes and forms

---
 lib/music_library_web/components/core_components.ex | 2 +-
 lib/music_library_web/components/notes_component.ex | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/lib/music_library_web/components/core_components.ex b/lib/music_library_web/components/core_components.ex
index 8af42095..edc42320 100644
--- a/lib/music_library_web/components/core_components.ex
+++ b/lib/music_library_web/components/core_components.ex
@@ -45,7 +45,7 @@ defmodule MusicLibraryWeb.CoreComponents do
   def simple_form(assigns) do
     ~H"""
     <.form :let={f} for={@for} as={@as} {@rest}>
-      <div class="mt-10 space-y-8 bg-white dark:bg-zinc-800">
+      <div class="mt-5 space-y-8 bg-white dark:bg-zinc-800">
         {render_slot(@inner_block, f)}
         <div :for={action <- @actions} class="mt-2 flex items-center justify-between gap-6">
           {render_slot(action, f)}
diff --git a/lib/music_library_web/components/notes_component.ex b/lib/music_library_web/components/notes_component.ex
index 87c2f04e..16b1c46f 100644
--- a/lib/music_library_web/components/notes_component.ex
+++ b/lib/music_library_web/components/notes_component.ex
@@ -28,7 +28,7 @@ defmodule MusicLibraryWeb.NotesComponent do
         class="min-w-xs max-w-lg sm:min-w-lg lg:min-w-2xl py-16"
       >
         <.tabs>
-          <.tabs_list variant="segmented" active_tab={@mode}>
+          <.tabs_list variant="segmented" class="w-32" active_tab={@mode}>
             <:tab name="read" phx-click="set_mode" phx-value-mode="read" phx-target={@myself}>
               {gettext("Read")}
             </:tab>
@@ -37,7 +37,7 @@ defmodule MusicLibraryWeb.NotesComponent do
             </:tab>
           </.tabs_list>
           <.tabs_panel active={@mode == "read"} name="read">
-            <div class="w-full mt-10 text-sm/8">
+            <div class="w-full mt-5 text-sm/8">
               {render_notes(@form[:notes].value)}
             </div>
           </.tabs_panel>