Tray Polish

ui/ops.css

@@ -446,7 +446,7 @@
 .job-log--warning { color: #fcd34d; }
 .job-log-empty { color: #64748b; }
 
-/* Hybrid image pull / push — fixed-height card (layer slots never add/remove height) */
+/* Hybrid image pull / push — fixed-height while active; collapses layer slots when done */
 .pull-progress {
   margin-top: 0.65rem;
   padding: 0.65rem 0.75rem;
@@ -454,11 +454,16 @@
   background: rgba(2, 6, 23, 0.65);
   border: 1px solid rgba(51, 65, 85, 0.85);
   min-width: 0;
-  /* Constant footprint: summary + bar + pips + 4 layer slots + waiting + activity */
+  /* Constant footprint while pulling: summary + bar + pips + 4 layer slots + waiting + activity */
   min-height: 12.5rem;
   box-sizing: border-box;
   contain: layout style;
 }
+/* Done / failed: drop reserved layer-slot whitespace so activity sits under the bar/pips */
+.pull-progress--complete,
+.pull-progress--error {
+  min-height: 0;
+}
 .pull-progress-summary {
   display: grid;
   grid-template-columns: auto minmax(0, 1fr) auto;
@@ -617,6 +622,19 @@
   overflow: hidden;
   min-width: 0;
 }
+/* Complete/error: no active layer rows — collapse reserved slots + waiting line */
+.pull-progress--complete .pull-progress-layers,
+.pull-progress--error .pull-progress-layers,
+.pull-progress--complete .pull-progress-waiting,
+.pull-progress--error .pull-progress-waiting {
+  display: none;
+  height: 0;
+  min-height: 0;
+  max-height: 0;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+}
 .pull-layer {
   display: grid;
   grid-template-columns: 4.5rem minmax(0, 1fr) auto;