local forecast enhanced-wide #188 #196 #193 #194

server/styles/scss/_weather-display.scss

@@ -16,6 +16,13 @@
 		background-repeat: no-repeat;
 	}
 
+	.wide.enhanced & {
+		&:has(.can-enhance) {
+			background-image: url(../images/backgrounds/1-wide-enhanced.png);
+			background-position-x: 0px;
+		}
+	}
+
 	/* this method is required to hide blocks so they can be measured while off screen */
 	height: 0px;
 
@@ -135,6 +142,12 @@
 			margin-left: p.$blue-box-margin;
 			margin-right: p.$blue-box-margin;
 			width: calc(100% - 128px);
+
+			.wide.enhanced & {
+				&.can-enhance {
+					width: calc(p.$wide-width - p.$blue-box-margin - p.$blue-box-margin)
+				}
+			}
 		}
 
 	}