From 4e65e3a8f0f79ae6d2b9baea23178e30c4c798f3 Mon Sep 17 00:00:00 2001
From: Matthew Meszaros <meszmatew@gmail.com>
Date: Sat, 6 Jun 2026 11:56:09 +0200
Subject: [PATCH] feat: stabilize schedule mock date controls

Prevent campaign date labels from wrapping inside the schedule landing mock controls.
---
 site/src/components/ScheduleMock.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/site/src/components/ScheduleMock.astro b/site/src/components/ScheduleMock.astro
index d25b6430..986f59f0 100644
--- a/site/src/components/ScheduleMock.astro
+++ b/site/src/components/ScheduleMock.astro
@@ -181,7 +181,7 @@ const cursorXPct = (cursorX / ROOT_W) * 100;
     <div class="flex items-end gap-3 flex-wrap">
       <div class="w-[170px]">
         <div class="text-[10px] uppercase tracking-[0.14em] text-slate-400 font-medium mb-1.5">Start date</div>
-        <button type="button" class="flex gap-2 items-center h-7 px-2.5 w-full rounded-md border border-slate-200 text-[12.5px] text-slate-700">
+        <button type="button" class="flex gap-2 items-center h-7 px-2.5 w-full rounded-md border border-slate-200 text-[12.5px] text-slate-700 whitespace-nowrap">
           <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-slate-400 shrink-0"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/></svg>
           <span class="tabular-nums">09 Jun, 2026</span>
         </button>
@@ -189,7 +189,7 @@ const cursorXPct = (cursorX / ROOT_W) * 100;
       <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-slate-300 shrink-0 self-end mb-1.5"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
       <div class="w-[170px]">
         <div class="text-[10px] uppercase tracking-[0.14em] text-slate-400 font-medium mb-1.5">End date</div>
-        <button type="button" class="flex gap-2 items-center h-7 px-2.5 w-full rounded-md border border-slate-200 text-[12.5px] text-slate-700">
+        <button type="button" class="flex gap-2 items-center h-7 px-2.5 w-full rounded-md border border-slate-200 text-[12.5px] text-slate-700 whitespace-nowrap">
           <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-slate-400 shrink-0"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/></svg>
           <span class="tabular-nums">07 Jul, 2026</span>
         </button>