diff options
Diffstat (limited to 'tools/mq_editor/style.css')
| -rw-r--r-- | tools/mq_editor/style.css | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/tools/mq_editor/style.css b/tools/mq_editor/style.css index 87f033d..9563a57 100644 --- a/tools/mq_editor/style.css +++ b/tools/mq_editor/style.css @@ -29,9 +29,9 @@ button.contour-active { background: #145; border-color: #0cc; color: #aff; } #paramsPanel { display: none; position: absolute; z-index: 200; top: 100%; left: 0; margin-top: 4px; background: #222; border: 1px solid #555; border-radius: 4px; padding: 6px 0; white-space: nowrap; box-shadow: 0 4px 12px rgba(0,0,0,.5); } #paramsPanel.open { display: block; } #paramsBtn.params-open { background: #4a4a4a; border-color: #888; } -.param-group { display: flex; align-items: center; gap: 6px; padding: 5px 14px; border-bottom: 1px solid #333; } +.param-group { display: grid; grid-template-columns: auto 1fr; gap: 4px 10px; padding: 8px 14px; border-bottom: 1px solid #333; align-items: center; } .param-group:last-child { border-bottom: none; } -.group-label { font-size: 9px; color: #666; text-transform: uppercase; letter-spacing: 1px; white-space: nowrap; width: 80px; flex-shrink: 0; } +.group-label { grid-column: 1 / -1; font-size: 9px; color: #666; text-transform: uppercase; letter-spacing: 1px; } /* === Canvas & overlays === */ #canvas { border: 1px solid #555; background: #000; cursor: crosshair; display: block; flex-shrink: 0; } |