add images and widescreen cleanup close #32

server/styles/scss/_page.scss

@@ -129,16 +129,11 @@ body {
 
 	&.wide {
 		max-width: 854px;
-		background-color: red;
+		// background: url(../images/BackGround1_1_wide.png);
+		;
 	}
 }
 
-.wide #container {
-	padding-left: 107px;
-	padding-right: 107px;
-	background-repeat: no-repeat;
-}
-
 #divTwcLeft {
 	display: none;
 	text-align: right;
@@ -299,8 +294,15 @@ body {
 	transform-origin: 0 0;
 }
 
+.wide #container {
+	padding-left: 107px;
+	padding-right: 107px;
+	background-repeat: no-repeat;
+	background: url(../images/BackGround1_1_wide.png)
+}
+
 #divTwc:fullscreen #container {
-	background-image: none;
+	// background-image: none;
 	width: unset;
 	height: unset;
 	transform-origin: unset;
@@ -337,6 +339,10 @@ body {
 	margin-top: 15px;
 }
 
+#settings {
+	margin-bottom: 15px;
+}
+
 #enabledDisplays {
 	margin-bottom: 15px;
 	@include u.status-colors();

server/styles/scss/_radar.scss

@@ -111,4 +111,8 @@
 			position: relative;
 		}
 	}
+}
+
+.wide.radar #container {
+	background: url(../images/BackGround4_1_wide.png);
 }