crossfade

src/routes/weather/week/[location]/DailyStripSticky.svelte

@@ -443,7 +443,7 @@
 		--icon-full: 44px;
 		/* the compact icon carries the square tile: sized so the content fills it
 		   and the leftover slack under the temps stays small */
-		--icon-min: 27px;
+		--icon-min: 31px;
 		--pt-full: 7px;
 		--pt-min: 2px;
 		--gap-full: 8px;
@@ -518,7 +518,7 @@
 			--pb-full: 10px;
 			--pb-min: 3px;
 			--icon-lift: 0px;
-			--collapse-extra: 60px;
+			--collapse-extra: 0px;
 		}
 		.daystrip {
 			/* breathing room between the full cards and the table */
@@ -526,6 +526,24 @@
 		}
 	}
 
+	/* Desktop only: the docked tiles get roughly 1.75x bigger, with the icon and
+	   type scaled to match so they stay in proportion. Phones and tablets keep
+	   the compact bar - there the screen width is the scarce resource. */
+	@media (min-width: 1024px) {
+		.sentinel,
+		.daystrip {
+			--cell-h-min: 86px;
+			--icon-min: 47px;
+			--dow-font-min: 11px;
+			--tmax-font-min: 14px;
+			--tmin-font-min: 12px;
+			--tmax-padx-min: 6px;
+			--pt-min: 5px;
+			--pb-min: 6px;
+			--icon-lift: 0px;
+		}
+	}
+
 	/* Invisible collapse band: the scroll distance over which the collapse
 	   plays. The negative margin removes it from layout so nothing shifts. */
 	.sentinel {