From e84f28643f8b8bb4de839e5f759cb7d18a9db0ae Mon Sep 17 00:00:00 2001
From: Graham McIntire <graham@mcintire.me>
Date: Sun, 3 May 2026 13:48:02 -0500
Subject: [PATCH] fix(rover-planning): truncate long rover-site notes on a
 single row

---
 .../live/rover_planning_live/show.ex          | 23 +++++++++++++++----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/lib/microwaveprop_web/live/rover_planning_live/show.ex b/lib/microwaveprop_web/live/rover_planning_live/show.ex
index d7773899..a980d728 100644
--- a/lib/microwaveprop_web/live/rover_planning_live/show.ex
+++ b/lib/microwaveprop_web/live/rover_planning_live/show.ex
@@ -381,12 +381,25 @@ defmodule MicrowavepropWeb.RoverPlanningLive.Show do
         </div>
 
         <ul :if={@rover_sites != []} class="text-sm space-y-1 mb-3">
-          <li :for={site <- @rover_sites} class="flex flex-wrap items-center gap-2">
-            <span class="font-mono">{Maidenhead.from_latlon(site.lat, site.lon, 10)}</span>
-            <span class="text-base-content/60 font-mono text-xs">
+          <%!--
+            `flex` (no `flex-wrap`) + `min-w-0` on the row, plus `shrink-0`
+            on the identifier columns and `truncate flex-1 min-w-0` on the
+            notes cell, keeps the row to a single line: long notes get
+            ellipsised instead of pushing the trash button onto a new line.
+            `title={site.notes}` preserves the full text on hover.
+          --%>
+          <li :for={site <- @rover_sites} class="flex items-center gap-2 min-w-0">
+            <span class="font-mono shrink-0">
+              {Maidenhead.from_latlon(site.lat, site.lon, 10)}
+            </span>
+            <span class="text-base-content/60 font-mono text-xs shrink-0">
               ({Float.round(site.lat, 4)}, {Float.round(site.lon, 4)})
             </span>
-            <span :if={site.notes && site.notes != ""} class="text-base-content/60 text-xs">
+            <span
+              :if={site.notes && site.notes != ""}
+              class="text-base-content/60 text-xs truncate min-w-0 flex-1"
+              title={site.notes}
+            >
               · {site.notes}
             </span>
             <button
@@ -395,7 +408,7 @@ defmodule MicrowavepropWeb.RoverPlanningLive.Show do
               phx-click="delete_rover_site"
               phx-value-id={site.id}
               data-confirm="Remove this rover site? This affects every mission that uses it."
-              class="btn btn-ghost btn-xs text-error ml-auto"
+              class="btn btn-ghost btn-xs text-error ml-auto shrink-0"
               title="Remove rover site"
             >
               <.icon name="hero-trash" class="w-4 h-4" />