From 9b0254d1909da9bd4f29d604eb0b49f6d2b06d28 Mon Sep 17 00:00:00 2001
From: Chris Lowis <chris.lowis@gmail.com>
Date: Wed, 11 Dec 2024 16:48:37 -0500
Subject: [PATCH] Tweak account_nav_component styling

I think this looks better if the items are left aligned with the
corresponding SectionComponent title above. Also removing the
horizontal rule under the tabs to avoid clashing with the
SectionComponent title rule.
---
 .../account_nav_component/account_nav_component.html.erb  | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/account_nav_component/account_nav_component.html.erb b/app/components/account_nav_component/account_nav_component.html.erb
index d5f5b00..7becf32 100644
--- a/app/components/account_nav_component/account_nav_component.html.erb
+++ b/app/components/account_nav_component/account_nav_component.html.erb
@@ -1,15 +1,15 @@
 <nav class="mb-3">
-  <ul class="flex flex-row gap-6 border-b-2 border-slate-300 text-sm">
-    <li class="px-3 py-2 uppercase <%= current_page?(account_path) ? active_classes : inactive_classes %>">
+  <ul class="flex flex-row gap-6 text-sm">
+    <li class="py-2 uppercase <%= current_page?(account_path) ? active_classes : inactive_classes %>">
       <%= link_to 'Personal', account_path %>
     </li>
     <% @user.artists.each do |artist| %>
-      <li class="px-3 py-2 uppercase <%= current_page?(edit_artist_path(artist)) ? active_classes : inactive_classes %>">
+      <li class="py-2 uppercase <%= current_page?(edit_artist_path(artist)) ? active_classes : inactive_classes %>">
         <%= link_to artist.name, edit_artist_path(artist) %>
       </li>
     <% end %>
 
-    <li class="flex gap-2 text-amber-600 px-3 py-2 uppercase <%= current_page?(new_artist_path) ? active_classes : inactive_classes %>">
+    <li class="flex gap-2 text-amber-600 py-2 uppercase <%= current_page?(new_artist_path) ? active_classes : inactive_classes %>">
       <svg class="fill-amber-600 mt-[3px]" width="14" height="14" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M14 8.5H8V14.5H6V8.5H0V6.5H6V0.5H8V6.5H14V8.5Z" />
       </svg>