Added a 'Now playing' identifier to currently playing track

app/views/pages/music1.twig

@@ -22,7 +22,7 @@
       <div class="thumbnail shadow-1">
         <img id="album-artwork" class="image-responsive album-art" src="{{ albums[0].album_art }}" alt="{{ albums[0].title }}">
         <div class="caption">
-          <h3 id="album-title">{{ albums[0].title }}</h3>
+          <h3 id="album-title">Now playing: <span>{{ albums[0].title }}</span></h3>
           <h5 id="album-release">Released on <span>{{ albums[0].releaseDate }}</span></h5>
           {% if albums[0].description %}
             <hr />

app/views/pages/music2.twig

@@ -23,7 +23,7 @@
       <div class="thumbnail shadow-1">
         <img id="album-artwork" class="image-responsive album-art" src="{{ albums[0].album_art }}" alt="{{ albums[0].title }}">
         <div class="caption">
-          <h3 id="album-title">{{ albums[0].title }}</h3>
+          <h3 id="album-title">Now playing: <span>{{ albums[0].title }}</span></h3>
           <h5 id="album-release">Released on <span>{{ albums[0].releaseDate }}</span></h5>
           {% if albums[0].description %}
             <hr />

assets/sass/pages/_music.sass

@@ -56,6 +56,9 @@
 #track-title
   +padding(null 10px null 10px)
 
+  span
+    text-decoration: underline
+
 .album-art
   width: 100%
 

public/css/main.css

@@ -676,6 +676,8 @@ body {
 #track-title {
   padding-right: 10px;
   padding-left: 10px; }
+  #track-title span {
+    text-decoration: underline; }
 
 .album-art {
   width: 100%; }

public/js/music.js

@@ -50,7 +50,7 @@ function getAlbumInfo(albumElem) {
     // change album artwork
     $('#album-artwork').attr('src', json.album_art);
     // change album title
-    $('#album-title').text(json.title);
+    $('#album-title span').text(json.title);
     // change album release date
     $('#album-release span').text(formatReleaseDate(json.release_date));
     // change album description