use flexbox to put displays and settings side by side

server/styles/scss/_latest-observations.scss

@@ -32,6 +32,12 @@
 					display: inline-block;
 				}
 			}
+
+			.like {
+				display: none;
+			}
+
+
 		}
 
 		.temp {
@@ -58,7 +64,7 @@
 
 			.like {
 				left: 380px;
-				display: hidden;
+				display: block;
 
 				&.heat-index {
 					color: c.$heat-index;

server/styles/scss/_page.scss

@@ -825,4 +825,19 @@ body.kiosk #loading .instructions {
 	display: grid;
 	grid-template-columns: 1fr 1fr;
 	max-width: 250px;
+}
+
+.lower-flex-container {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+	justify-content: flex-start;
+	align-items: flex-start;
+	align-content: stretch;
+	gap: 8px;
+	column-gap: 64px;
+
+	.item {
+		display: inline-block;
+	}
 }