Spot v2: Project Management

style/spot.scss

@@ -6,34 +6,37 @@
 @import 'leaflet';
 @import 'common';
 
-#map {
-	position: absolute;
-	left: 0;
-	top: 0;
-	bottom: 0;
-	width: 100%;
-	background: #EEE;
+#messages {
 	
-	.loader {
+	#map {
 		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;
-			
-			&.name {
-				font-weight: bold;
-			}
-			&.description {
-				font-style: italic;
+		left: 0;
+		top: 0;
+		bottom: 0;
+		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;
+				
+				&.name {
+					font-weight: bold;
+				}
+				&.description {
+					font-style: italic;
+				}
 			}
 		}
 	}
@@ -57,11 +60,10 @@
 			font-size: 1em;
 			color: #222;
 			
-			&.te_araroa {
+			&.main {
 				border-color: #00ff78;
 			}
-			
-			&.routeburn {
+			&.off-track {
 				border-color: #0000ff;
 			}
 			&.hitchhiking {
@@ -73,9 +75,10 @@
 
 #feed {
 	position: absolute;
-	right: 1em;
-	top: 0em;
-	bottom: 0em;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	margin-right: 1em;
 	width: calc(30% - 1em);
 	z-index: 999;