Overhaul radio UI, fixes #93

src/scss/components/_lists.scss

@@ -284,6 +284,23 @@
 			}
 		}
 
+		&.queue-track-list {
+			.list-item {
+				.artists {
+					padding-left: 0 !important;
+
+					&:before {
+						display: none !important;
+					}
+				}
+
+				.source,
+				.added {
+					display: none !important;
+				}
+			}
+		}
+
 		&.edit-mode {
 			.list-item {
 				padding-left: 40px !important;

src/scss/components/_modal.scss

@@ -137,21 +137,24 @@
 			.field {
 				position: relative;
 				margin-top: 10px;
-				button {
-					position: absolute;
-					top: 5px;
-					right: 0;
-					padding: 14px;
-					margin: 0;
-					min-width: 0;
-					color: #FFFFFF;
-				}
+
 				input[type="text"]{
 					font-size: 14px;
 					padding: 16px 18px;
 				}
 			}			
 		}
+
+		button.add-uri,
+		button.remove-uri {
+			position: absolute;
+			top: 3px;
+			right: 0;
+			padding: 14px;
+			margin: 0;
+			min-width: 0;
+			color: #FFFFFF;
+		}
 	}
 
 	&.kiosk_mode {

src/scss/components/_player.scss

@@ -52,6 +52,18 @@
 		}
 	}
 
+	.artwork {
+		position: relative;
+
+		.radio-overlay {
+			position: absolute;
+			top: 0;
+			left: 0;
+			width: 100%;
+			z-index: 2;
+		}
+	}
+
 	&.mini-player {
 		position: fixed;
 		bottom: 0;

src/scss/global/_core.scss

@@ -270,7 +270,6 @@ footer {
 	font-size: 12px;
 	display: inline-block;
 	padding: 2px 4px;
-	border-radius: 2px;
 	background: $light_grey;
 	color: $dark_grey;
 

src/scss/global/_forms.scss

@@ -198,6 +198,15 @@ input[type="submit"] {
 		}
 	}
 
+	.flag {
+		font-size: 10px;
+		margin-left: 3px;
+		padding: 1px 4px;
+		line-height: 1.2em;
+		vertical-align: top;
+		margin-top: 6px;
+	}
+
 	@include responsive( $bp_medium ){
 		min-width: 120px;
 		margin-right: 10px;
@@ -336,6 +345,11 @@ input[type="submit"] {
 			}
 		}
 	}
+
+	.error {
+		color: $red;
+		display: inline-block;
+	}
 }
 
 @include responsive( $bp_medium ){