better handling of css on "blue box" screens

server/styles/scss/_current-weather.scss

@@ -14,20 +14,19 @@
 			@include u.text-shadow();
 
 			&.left {
-				left: 65px;
 				font-family: 'Star4000 Extended';
 				font-size: 24pt;
 
 			}
 
 			&.right {
-				right: 65px;
+				right: 0px;
 				font-family: 'Star4000 Large';
 				font-size: 20px;
 				font-weight: bold;
 
 				.row {
-					margin-bottom: 16px;
+					margin-bottom: 12px;
 
 					.label,
 					.value {

server/styles/scss/_weatherdisplay.scss

@@ -51,13 +51,14 @@
 			}
 
 		}
-		
+
 		.logo {
 			top: 30px;
 			left: 50px;
 			position: absolute;
 			z-index: 10;
 		}
+
 		.noaa-logo {
 			position: absolute;
 			top: 39px;
@@ -86,11 +87,19 @@
 	}
 
 	.main {
+		position: relative;
+
 		&.has-scroll {
 			width: 640px;
 			height: 310px;
 			overflow: hidden;
 		}
+
+		&.has-box {
+			margin-left: 64px;
+			margin-right: 64px;
+			width: calc(100% - 128px);
+		}
 	}