From e094974f20fe72a22e720211bc73e9e68d7be442 Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Thu, 18 Aug 2022 09:25:14 +0100
Subject: [PATCH] Make the spotify table look nicer

---
 static/src/scss/_spotify.scss                               | 6 ++++++
 .../spotify/templates/spotify/spotify_playlist_page.html    | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/static/src/scss/_spotify.scss b/static/src/scss/_spotify.scss
index 7576d15..8bae2cc 100644
--- a/static/src/scss/_spotify.scss
+++ b/static/src/scss/_spotify.scss
@@ -1,5 +1,11 @@
 body.page-spotifyplaylistpage {
   table {
+    font-size: 80%;
+
+    td {
+      vertical-align: middle;
+    }
+
     img {
       min-width: 55px;
       width: 55px;
diff --git a/website/spotify/templates/spotify/spotify_playlist_page.html b/website/spotify/templates/spotify/spotify_playlist_page.html
index 032069f..ea44718 100644
--- a/website/spotify/templates/spotify/spotify_playlist_page.html
+++ b/website/spotify/templates/spotify/spotify_playlist_page.html
@@ -3,7 +3,7 @@
 {% block post_content %}
   <section class="container content">
     <h3>{{ playlist.name }}</h3>
-    <table class="table">
+    <table class="table is-hoverable is-fullwidth">
       <thead>
         <tr>
           <th></th>