feat: v0.20.0 part 2 — ISS-028 on-board rows two-line layout + airport name ellipsis

2026-09-19 20:41:33 +00:00
parent 59974d1b79
commit 570ad52d47
3 changed files with 39 additions and 10 deletions
@@ -349,7 +349,18 @@ export default function LeftPane({ state, loading, error, onRefresh, applySnapsh
                      const penalty = abandonPenalty(pkg, clockMs);
                      return (
                        <div key={pkg.id} data-testid={`onboard-package-${pkg.id}`} className="contract-row">
-                          <div className="contract-main">
+                          <button
+                            type="button"
+                            data-testid={`fly-to-${pkg.id}`}
+                            className="pane-btn onboard-fly-btn"
+                            disabled={actionsBusy || plane.status !== 'available'}
+                            onClick={() => void runAction(`/api/planes/${plane.id}/fly`, { destIcao: pkg.destIcao })}
+                          >
+                            <span className="onboard-fly-label" title={`Fly to ${pkg.destName}`}>
+                              Fly to {pkg.destName}
+                            </span>
+                          </button>
+                          <div className="onboard-actions">
                            <button
                              type="button"
                              data-testid={`refuel-for-${pkg.id}`}
@@ -359,15 +370,6 @@ export default function LeftPane({ state, loading, error, onRefresh, applySnapsh
                            >
                              Refuel
                            </button>
-                            <button
-                              type="button"
-                              data-testid={`fly-to-${pkg.id}`}
-                              className="pane-btn"
-                              disabled={actionsBusy || plane.status !== 'available'}
-                              onClick={() => void runAction(`/api/planes/${plane.id}/fly`, { destIcao: pkg.destIcao })}
-                            >
-                              Fly to {pkg.destName}
-                            </button>
                            <button
                              type="button"
                              data-testid={`abandon-${pkg.id}`}