diff options
| author | skal <pascal.massimino@gmail.com> | 2026-02-18 21:25:30 +0100 |
|---|---|---|
| committer | skal <pascal.massimino@gmail.com> | 2026-02-18 21:25:30 +0100 |
| commit | eeecb76eef15f684b7909ff22fd054680c2a3498 (patch) | |
| tree | 1516d97f0d5bcae33eebb0a9d4f5bacfdaf1adcb /tools/mq_editor/style.css | |
| parent | 909d04f973d123a891e6879cb57c536ef0f69ef7 (diff) | |
feat(mq_editor): group toolbar buttons with separators
handoff(Claude): toolbar buttons grouped with vertical separators:
[Open WAV] | [Extract][AutoSpread] | [Play][Stop] | [+Partial][ClearAll] | [Explore][Contour] | [Undo][Redo] | [Params]
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Diffstat (limited to 'tools/mq_editor/style.css')
| -rw-r--r-- | tools/mq_editor/style.css | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/tools/mq_editor/style.css b/tools/mq_editor/style.css index 6b266d9..ed518f5 100644 --- a/tools/mq_editor/style.css +++ b/tools/mq_editor/style.css @@ -14,7 +14,10 @@ input[type="file"] { display: none; } .canvas-wrap { position: relative; } /* === Toolbar === */ -.toolbar { margin-bottom: 10px; padding: 10px; background: #2a2a2a; border-radius: 4px; } +.toolbar { margin-bottom: 10px; padding: 10px; background: #2a2a2a; border-radius: 4px; display: flex; align-items: center; flex-wrap: wrap; gap: 4px; } +.toolbar-group { display: inline-flex; align-items: center; gap: 2px; } +.toolbar-group button { margin-right: 0; } +.toolbar-sep { align-self: stretch; width: 1px; background: #555; margin: 3px 6px; } .toolbar-wrap { position: relative; display: inline-block; } /* === Buttons === */ |