Modals, including sharing auth

src/scss/components/_images.scss

@@ -30,6 +30,7 @@
 		font-size: 12px;
 		cursor: pointer;
 		color: #FFFFFF;
+		border: 0;
 
 		&:hover {
 			background: #000000;

src/scss/components/_modal.scss

@@ -34,6 +34,16 @@
 		}
 	}
 
+	.actions {
+		padding-top: 50px;
+		text-align: center;
+
+		.button,
+		button {
+			margin: 0 3px;
+		}
+	}
+
 	.content {
 		padding: 80px 25%;
 		margin: 0 auto;
@@ -165,7 +175,7 @@
 		}
 	}
 
-	&.image_zoom {
+	&--image-zoom {
 		.content {
 			padding: 100px 5%;
 			width: 90%;
@@ -182,7 +192,7 @@
 		}
 	}
 
-	&.edit_radio {
+	&--edit-radio {
 		form {
 			.field {
 				position: relative;
@@ -195,7 +205,7 @@
 		}
 	}
 
-	&.kiosk_mode {
+	&--kiosk-mode {
 		background: #000000;
 		overflow: hidden;
 
@@ -241,13 +251,13 @@
 		}
 	}
 
-	&.send_authorization {
+	&--send-authorization {
 		.list {
 			padding-top: 40px;
 		}
 	}
 
-	&.receive_authorization {
+	&--receive-authorization {
 		.user-details {
 			@include clearfix();
 			padding: 70px 0 0 120px;
@@ -263,40 +273,6 @@
 		}
 	}
 
-	&.track_info {
-		.lyrics {
-			font-size: 1.2em;
-			padding: 60px 0;
-		}
-	}
-
-	&.search_uri_schemes {
-		.available-schemes {
-			padding-top: 40px;
-
-			.scheme {
-				@include animate();
-				margin-left: 0;
-				margin-bottom: 8px;
-
-				&:hover {
-					cursor: pointer;
-					background: darken($blue, 8%);
-				}
-			}
-		}
-	}
-
-	.actions {
-		padding-top: 50px;
-		text-align: center;
-
-		.button,
-		button {
-			margin: 0 3px;
-		}
-	}
-
 	@include responsive($bp_medium){
 
 		.content {

src/scss/components/_notifications.scss

@@ -24,9 +24,12 @@
 		}
 
 		p a {
-			color: inherit;
 			text-decoration: none;
-			border-bottom: 1px dotted $black;
+			
+			&:not(.button) {
+				color: inherit;
+				border-bottom: 1px dotted $black;
+			}
 		}
 
 		p.description {
@@ -50,33 +53,28 @@
 			}
 		}
 
-		&.good {
+		&--good {
 			background: $green;
 		}
 
-		&.broadcast {
+		&--info {
 			background: $yellow;
 			color: $black;
 		}
 
-		&.info {
+		&--subtle {
 			background: $grey;
 		}
 
-		&.warning {
+		&--warning {
 			background: $orange;
 		}
 
-		&.bad {
+		&--bad {
 			background: $red;
 		}
 
-		&.closing,
-		&.finishing {
-			@include fadeout();
-		}
-
-		&.process {
+		&--process {
 			position: relative;
 			padding-right: 18px;
 			padding-left: 50px;
@@ -122,6 +120,11 @@
 				}
 			}
 		}
+
+		&.closing,
+		&.finishing {
+			@include fadeout();
+		}
 	}
 
 	.shortcut-notification {