fix(ui): force full card content flow

15 hours ago · 9c26148f7a
parent 13a6c70b43
commit 9c26148f7a
1 changed files with 5 additions and 0 deletions
--- a/ui_server.py
+++ b/ui_server.py
@ -1438,6 +1438,11 @@ HTML = """<!doctype html>
    .config-block .control-fields > .wide, .config-block .control-fields > .drop-zone, .config-block .control-fields > .upload-progress { grid-column: 1 / -1; }
    .config-block .control-fields > label, .config-block .control-fields > button, .config-block .control-fields > .file-picked { min-width: 0; width: 100%; }
    .config-block .control-fields > label > input, .config-block .control-fields > label > select, .config-block .control-fields > label > textarea { width: 100%; }
+    /* Details are the movable cards; their own content must always stretch. */
+    .config-canvas > .config-block.settings-group { display: flex !important; flex-direction: column; align-items: stretch; gap: 8px; }
+    .config-canvas > .config-block.settings-group > summary, .config-canvas > .config-block.settings-group > label, .config-canvas > .config-block.settings-group > .control-fields, .config-canvas > .config-block.settings-group > .packet-builder, .config-canvas > .config-block.settings-group > .settings-advanced { width: 100%; flex: 0 0 auto; }
+    .config-canvas > .config-block.settings-group > label { display: grid; }
+    .config-canvas > .config-block.settings-group > .control-fields { display: grid !important; }
    @keyframes appearance-in { from { opacity: 0; transform: translateY(-5px) scale(.98); } to { opacity: 1; transform: none; } }
    @media (max-width: 760px) {
      .appearance-trigger { min-width: 38px; width: 38px; padding: 0; justify-content: center; }