make table look nicer

layouts/shortcodes/spotify.html

@@ -9,13 +9,14 @@
     </h3>
   </a>
 
-  <table>
+  <table class="table table-hover table-striped">
+    <caption><a href="{{ $playlist.url }}">View playlist on Spotify</a></caption>
     <thead>
     <tr>
-      <th></th>
-      <th>Track</th>
-      <th>Artist</th>
-      <th>Album</th>
+      <th scope="row"></th>
+      <th scope="row">Track</th>
+      <th scope="row">Artist</th>
+      <th scope="row">Album</th>
     </tr>
     </thead>
     <tbody>
@@ -33,9 +34,6 @@
           <td>{{ .album.name }}</td>
         </tr>
       {{ end }}
-      <tr><td colspan="4">
-        <a href="{{ $playlist.url }}">View playlist on Spotify</a>
-      </td></tr>
     </tbody>
   </table>
 </div>

package.json

@@ -18,7 +18,7 @@
     "yaml-lint": "0.0.4"
   },
   "dependencies": {
-    "bootstrap": "4.0.0-beta",
+    "bootstrap": "4.0.0-beta.2",
     "font-awesome": "4.7.0",
     "jquery": "3.2.1",
     "lg-thumbnail": "1.0.3",