diff --git a/editor/editor.js b/editor/editor.js index 4b42192..2f8df94 100644 --- a/editor/editor.js +++ b/editor/editor.js @@ -88,7 +88,7 @@ function hideButtons(box) { if (box.checked) { buttons.forEach((button) => button.style.display = "none"); } else { - buttons.forEach((button) => button.style.display = "inline"); + buttons.forEach((button) => button.style.display = "block"); } } diff --git a/editor/index.html b/editor/index.html index f613d58..db31f1f 100644 --- a/editor/index.html +++ b/editor/index.html @@ -16,8 +16,9 @@
- -
+
diff --git a/editor/main.css b/editor/main.css index 1b6ff36..b042c7b 100644 --- a/editor/main.css +++ b/editor/main.css @@ -41,6 +41,16 @@ a, button { position: absolute; bottom: 0; left: 0; + display: flex; + flex-direction: column; + align-items: stretch; +} + +#bottomleft-buttons button { + display: block; + margin: 0; + width: 100%; + border-top: 1px solid limegreen; } #topright-buttons { @@ -54,13 +64,6 @@ form { } label, input[type="checkbox"] { - vertical-align: middle; -} - -label { - padding: 5px; - padding-bottom: 0; - padding-top: 0; - background: white; - color: black; + vertical-align: baseline; + text-align: center; }