Improve styling of album show page

freerange · Sep 7, 2023 · 715b203 · 715b203
1 parent 4546729
commit 715b203
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/app/views/albums/show.html.erb b/app/views/albums/show.html.erb
@@ -1,7 +1,11 @@
-<h1><%= @album.title %></h1>
-<h2><%= @album.artist.name %></h2>
-<%= image_tag @album.cover.representation(resize_to_limit: [400, 400]) %>
+<div class="mb-3">
+  <h1 class="text-lg font-medium leading-tight"><%= @album.title %></h1>
+  <h2 class="text-sm text-slate-600"><%= @album.artist.name %></h2>
+</div>
 
+<%= image_tag @album.cover.representation(resize_to_limit: [400, 400]), class: 'w-full' %>
+
+<h3 class="text-lg my-3">Tracklist</h3>
 <ol>
   <% @album.tracks.each_with_index do |track, index| %>
   <li><%= index + 1 %>. <%= track.title %> <%= text_link_to 'Edit', edit_artist_album_track_url(track.artist, track.album, track) %></li>