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
@@ -384,10 +384,36 @@ body {
  margin-bottom: 8px;
 }

+/* ISS-028 (v0.20.0 part 2) — on-board cargo rows are two lines: a full-width fly-to button,
+   then refuel + abandon side by side below it; long destination names truncate with an ellipsis. */
 .onboard-block .contract-row {
  background: transparent;
  padding: 6px 0 0;
  border-top: 1px solid rgba(148, 163, 184, 0.2);
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+}
+
+.onboard-block .contract-row .contract-sub {
+  margin-top: 0; /* row spacing comes from the container's gap */
+}
+
+.onboard-fly-btn {
+  width: 100%;
+}
+
+.onboard-fly-label {
+  display: block;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.onboard-actions {
+  display: flex;
+  gap: 6px;
 }

 /* v0.17.0 — ISS-008: bottom-right toast stack (action errors + game events) */