diff options
| author | s-ol <s+removethis@s-ol.nu> | 2022-03-21 23:49:39 +0000 |
|---|---|---|
| committer | s-ol <s+removethis@s-ol.nu> | 2022-03-21 23:55:10 +0000 |
| commit | 06bffecfdc3d114b31f1337f494a57f756f9d1b0 (patch) | |
| tree | 110134e2dbb50f11afd5362cee4fd51b1d354d53 | |
| parent | move MIDI settings in toolbar, reorganize (diff) | |
| download | isomorphic-kb-explorer-06bffecfdc3d114b31f1337f494a57f756f9d1b0.tar.gz isomorphic-kb-explorer-06bffecfdc3d114b31f1337f494a57f756f9d1b0.zip | |
flex toolbar
| -rw-r--r-- | app/config.js | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/app/config.js b/app/config.js index eac34f8..06b7b3a 100644 --- a/app/config.js +++ b/app/config.js @@ -64,8 +64,11 @@ nav { justfiy-content: space-between; } -nav > .group, nav > .spacer { +nav > .group { + flex: 1 0 auto; + display: flex; + justify-content: center; align-items: baseline; padding: 0.25em 1em; gap: 1em; @@ -77,8 +80,6 @@ nav > .group, nav > .spacer { nav > .group:nth-child(2n) { background: #363636; } - -nav > .spacer { flex: 1; } `); export const Toolbar = ({ state, setState, midi }) => { @@ -160,7 +161,6 @@ export const Toolbar = ({ state, setState, midi }) => { /> <button onClick={midi.reload}>↻</button> </div> - <div className="spacer" /> </nav> ); }; |