changing legend position

masks/messages.html

@@ -109,8 +109,8 @@ oSpot.pageInit = function(asHash)
 								'<div class="line blue">Routeburn Track</div>'+
 								'<div class="line red">Hors rando</div>'+
 							'</div>',
-					bottom: true,
-					left: true
+					top: '10px',
+					left: '116px'
 				}
 			}
 		});

style/spot.scss

@@ -25,11 +25,10 @@
 	
 	#legend {
 		background:white;
-		font-family:Arial;
-		margin-top:-3em;
-		margin-left:2em;
+		font-family:Roboto,Arial,sans-serif;
 		background: rgba(255, 255, 255, 0.5);
-		font-family: Arial;
+		border-radius:3px;
+		padding: 1px 0 0 0;
 		
 		.line {
 			display: inline-block;
@@ -38,24 +37,18 @@
 			padding-left: 0.5em;
 			margin: 1em;
 			font-size: 0.8em;
+			color: #222;
 			
 			&.green {
-				color:#00ff78;
 				border-color: #00ff78;
 			}
 			
 			&.blue {
-				color:#0000ff;
 				border-color: #0000ff;
 			}
 			&.red {
-				color:#FF7814;
 				border-color:#FF7814;
 			}
-			
-			+ .line {
-				margin-top: 1em;
-			}
 		}
 	}
 }