Improved tutorial and generated element styling.

src/styles/music-player.css

@@ -0,0 +1,38 @@
+button.music-player.play-btn {
+    border-width: 2px;
+    border-style: solid;
+    border-color: gray;
+    padding: 0.5rem;
+    margin: 0.25rem;
+    background-color: transparent;
+    cursor: pointer;
+    border-radius: 15px;
+}
+
+button.music-player.play-btn.pause {
+    background-color: black;
+    color: white;
+    border-color: black;
+}
+
+button.music-player.next {
+    border-width: 2px;
+    border-style: solid;
+    border-color: gray;
+    padding: 0.5rem;
+    margin: 0.25rem;
+    background-color: transparent;
+    cursor: pointer;
+    border-radius: 15px;
+}
+
+button.music-player.previous {
+    border-width: 2px;
+    border-style: solid;
+    border-color: gray;
+    padding: 0.5rem;
+    margin: 0.25rem;
+    background-color: transparent;
+    cursor: pointer;
+    border-radius: 15px;
+}

src/styles/music-playlist.css

@@ -9,15 +9,21 @@ table.music-playlist tr th {
     border-left-style: none;
     border-right-style: none;
     background-color: lightgray;
+    border-bottom-color: black;
+    cursor: default;
 }
 
-
 table.music-playlist tr td {
     border-left-style: none;
     border-right-style: none;
+    border-bottom-color: darkgray;
 }
 
-table.music-playlist .active {
+table.music-playlist tr {
+    cursor: pointer;
+}
+
+table.music-playlist tr.active {
     background-color: gray;
     color: white;
-}
+}