From 64167ae208c7a42a9e1729174ad0bef628436fb9 Mon Sep 17 00:00:00 2001
From: gballan1 <brotherballantine@gmail.com>
Date: Tue, 29 Nov 2016 17:06:18 -0500
Subject: [PATCH] Added a 'Now playing' identifier to currently playing track

---
 app/views/pages/music1.twig   | 2 +-
 app/views/pages/music2.twig   | 2 +-
 assets/sass/pages/_music.sass | 3 +++
 public/css/main.css           | 2 ++
 public/js/music.js            | 2 +-
 5 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/views/pages/music1.twig b/app/views/pages/music1.twig
index 81a057d..7ca0391 100644
--- a/app/views/pages/music1.twig
+++ b/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 />
diff --git a/app/views/pages/music2.twig b/app/views/pages/music2.twig
index c3e8a1d..d322fd8 100644
--- a/app/views/pages/music2.twig
+++ b/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 />
diff --git a/assets/sass/pages/_music.sass b/assets/sass/pages/_music.sass
index 2b7c1bc..cd83b2a 100755
--- a/assets/sass/pages/_music.sass
+++ b/assets/sass/pages/_music.sass
@@ -56,6 +56,9 @@
 #track-title
   +padding(null 10px null 10px)
 
+  span
+    text-decoration: underline
+
 .album-art
   width: 100%
 
diff --git a/public/css/main.css b/public/css/main.css
index 5b4bb60..e0fda50 100755
--- a/public/css/main.css
+++ b/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%; }
diff --git a/public/js/music.js b/public/js/music.js
index af85b53..061f5a8 100755
--- a/public/js/music.js
+++ b/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