Add project radio buttons

style/spot.scss

@@ -7,6 +7,15 @@
 @import 'common';
 
 #messages {
+
+	.loader {
+		position: absolute;
+		font-size: 3em;
+		top: calc(50% - 0.5em);
+		left: calc(35% - 0.66666em);
+		color: #666;
+		@extend .flicker;
+	}
 	
 	#map {
 		position: absolute;
@@ -16,17 +25,6 @@
 		width: 100%;
 		background: #EEE;
 		
-		.loader {
-			position: absolute;
-			font-size: 3em;
-			width: 1em;
-			height: 1em;
-			top: calc(50% - 0.5em);
-			left: calc(50% - 0.5em);
-			color: #666;
-			@extend .flicker;
-		}
-	
 		.track_tooltip {
 			p {
 				margin: 0;
@@ -42,13 +40,23 @@
 		}
 	}
 
-	#legend, #projects, .leaflet-control-layers.leaflet-control {
-		background-color: rgba(255, 255, 255, 0.5);
+	.leaflet-control-layers.leaflet-control {
+		background-color: rgba(255, 255, 255, 0.6);
 		font-family: Roboto, Arial, sans-serif;
 		border-radius: 3px;
 		border: none;
 		margin: 1em;
+		
+		&.leaflet-control-layers-expanded {
+			color: #000000;
+			width: calc(100% - 2em - 16px);
+		}
+		
+		&+.leaflet-control-layers.leaflet-control {
+			margin-top: 0;
+		}
 	}
+
 	#legend {
 		//right: 30vw;
 					
@@ -74,6 +82,10 @@
 	}
 }
 
+#elems {
+	display: none;
+}
+
 #feed {
 	position: absolute;
 	right: 0;