Revamp of settings to contain more granular control of services

src/scss/views/_artist.scss

@@ -37,31 +37,6 @@
 					color: $white;
 				}
 			}
-
-			.sub-views {
-				.option {
-					@include feature_font();
-					color: $white;
-					display: inline-block;
-					margin-right: 25px;
-					font-size: 15px;
-					font-weight: 500;
-					border-bottom: 3px solid transparent;
-					cursor: pointer;
-
-					h4 {
-						margin: 8px 0 4px;
-					}
-
-					&.active {
-						border-color: $white;
-					}
-
-					&:not(.active):hover {
-						border-color: rgba(255,255,255,0.2);
-					}
-				}
-			}
 		}
 
 	}

src/scss/views/_settings.scss

@@ -1,6 +1,10 @@
 
 .settings-view {
 
+	.sub-views {
+		padding-bottom: 40px;
+	}
+
 	.services {
 		@include clearfix();
 
@@ -8,7 +12,7 @@
 			background: lighten($dark_grey,2%);
 			padding: 12px 15px;
 			width: 24%;
-			margin-right: 2%;
+			margin-right: 1.3334%;
 			float: left;
 			border-radius: 3px;
 			box-sizing: border-box;
@@ -27,13 +31,15 @@
 				}
 			}
 
-			&.connected {
+			&.connected,
+			&.available {
 				.status {
 					color: $green;
 				}
 			}
 
-			&.disconnected {
+			&.disconnected,
+			&.unavailable {
 				.status {
 					color: $red;
 				}