Improve screen layout for themes + Radar layout adjustments

server/styles/scss/_current-weather.scss

@@ -23,7 +23,7 @@
 			&.right {
 				right: 0px;
 				font-family: "Star4000 Large";
-				font-size: 20px;
+				font-size: 18px;
 				font-weight: bold;
 				line-height: 24px;
 
@@ -93,3 +93,34 @@
 		}
 	}
 }
+
+:root[data-theme]:not([data-theme='default']) {
+	.weather-display .main.current-weather {
+		&.main {
+			.col {
+				&.left {
+					margin-top: 35px;
+				}
+
+				&.right {
+					margin-top: 36px;
+					padding: 21px;
+				}
+			}
+
+			.wind-container {
+				display: block;
+
+				&>div {
+					width: 50%;
+				}
+
+				.wind {
+					text-align: right;
+					font-size: 22px;
+					display: contents;
+				}
+			}
+		}
+	}
+}

server/styles/scss/_local-forecast.scss

@@ -23,4 +23,8 @@
 		min-height: 280px;
 		line-height: 40px;
 	}
-}
+}
+
+:root[data-theme]:not([data-theme='default']) .weather-display .local-forecast .forecasts {
+	margin-top: 16px;
+}

server/styles/scss/_radar.scss

@@ -49,9 +49,10 @@
 
 				.box {
 					display: block;
-					border: 2px solid black;
-					width: 100%;
-					height: 22px;
+					border: 2.7px solid #000;
+					width: 90%;
+					height: 12px;
+					margin-top: 4px;
 					padding: 0;
 				}
 
@@ -97,7 +98,7 @@
 				top: -20px;
 				font-family: 'Star4000 Small';
 				font-size: 18pt;
-				left: 130px;
+				left: 132px;
 			}
 		}
 	}