From 1ae6c3500b75bf6d1c46d47a5fb9a4e3e35d888f Mon Sep 17 00:00:00 2001
From: James Barnsley <james@barnsley.nz>
Date: Tue, 17 Oct 2017 20:24:31 +1300
Subject: [PATCH] Releasing 3.5.4

---
 VERSION.md                  |  2 +-
 mopidy_iris/__init__.py     |  2 +-
 package.json                |  2 +-
 src/js/views/Track.js       | 23 +++++++++++++----------
 src/scss/global/_forms.scss |  4 ++++
 5 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/VERSION.md b/VERSION.md
index 678fd88a..e5b8a844 100755
--- a/VERSION.md
+++ b/VERSION.md
@@ -1 +1 @@
-3.5.3
\ No newline at end of file
+3.5.4
\ No newline at end of file
diff --git a/mopidy_iris/__init__.py b/mopidy_iris/__init__.py
index daaac663..c8c31444 100755
--- a/mopidy_iris/__init__.py
+++ b/mopidy_iris/__init__.py
@@ -13,7 +13,7 @@ from core import IrisCore
 from raven import Client
 
 logger = logging.getLogger(__name__)
-__version__ = '3.5.3'
+__version__ = '3.5.4'
 
 ##
 # Core extension class
diff --git a/package.json b/package.json
index 856a2096..277f0aa3 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "mopidy-iris",
-	"version": "3.5.3",
+	"version": "3.5.4",
 	"description": "Mopidy HTTP interface",
 	"repository": "https://github.com/jaedb/iris",
 	"author": "James Barnsley <james@barnsley.nz>",
diff --git a/src/js/views/Track.js b/src/js/views/Track.js
index 31eb1997..de128724 100755
--- a/src/js/views/Track.js
+++ b/src/js/views/Track.js
@@ -100,7 +100,16 @@ class Track extends React.Component{
 
 	renderLyricsSelector(){
 		if (!this.props.track.lyrics_results){
-			return null;
+			return (
+				<div className="field lyrics-selector">
+					<div className="input">
+						<input type="text" disabled="disabled" value="Loading..." />
+						<div className="description">
+							Switch to another lyrics seach result
+						</div>
+					</div>
+				</div>
+			);
 		}
 
 		return (
@@ -139,15 +148,7 @@ class Track extends React.Component{
 					</div>
 				</div>
 			);
-		} else if (!this.props.track.lyrics){
-			return (
-				<div className="lyrics">
-					<div className="content">
-						<em className="grey-text">No lyrics available</em>
-					</div>
-				</div>
-			)
-		} else {
+		} else if (this.props.track.lyrics){
 			return (
 				<div className="lyrics">
 					<div className="content" dangerouslySetInnerHTML={{__html: this.props.track.lyrics}}></div>
@@ -156,6 +157,8 @@ class Track extends React.Component{
 					</div>
 				</div>
 			)
+		} else {
+			return null;
 		}
 	}
 
diff --git a/src/scss/global/_forms.scss b/src/scss/global/_forms.scss
index a2aa3edc..26d69c5f 100755
--- a/src/scss/global/_forms.scss
+++ b/src/scss/global/_forms.scss
@@ -26,6 +26,10 @@ select {
 	&:active {
 		background: rgba(255,255,255,0.2);
 	}
+
+	&:disabled {
+		opacity: 0.5;
+	}
 }
 
 select {