diff --git a/macrovision.css b/macrovision.css index 701bb34c..f00f2447 100644 --- a/macrovision.css +++ b/macrovision.css @@ -649,9 +649,11 @@ i.far { #entity-form, #entity-view { + max-width: 90%; text-align: center; font-weight: bold; font-size: 200%; + margin: auto; } #entity-view option { @@ -843,15 +845,14 @@ option.filtered { } .menu-button { - height: 48pt; + height: 56pt; width: 56pt; - font-size: 40pt; + font-size: 36pt; } .menu-button-holder { display: flex; align-items: center; - margin: 5px 0px 5px; } .menu-text { @@ -865,7 +866,6 @@ option.filtered { button { border: 3px; - border-style: outset; } @@ -873,7 +873,6 @@ button:hover { background: #555; } button:enabled:active { - border-style: inset; background: #aaa; } @@ -939,7 +938,8 @@ button { .settings-holder { display: flex; align-items: center; - padding: 10px 0px 10px; + justify-content: space-between; + padding: 10px 20px 10px 10px; border-color: #222; border-width: 5px; border-style: solid; diff --git a/macrovision.html b/macrovision.html index 73f9d665..ba06d0a3 100644 --- a/macrovision.html +++ b/macrovision.html @@ -185,7 +185,7 @@ -

Source

+

Attribution

Authors @@ -208,20 +208,6 @@
-

Preset Scenes

-
-
- -
-
- -
-
diff --git a/macrovision.js b/macrovision.js index 0c1df77b..91c2d09a 100644 --- a/macrovision.js +++ b/macrovision.js @@ -1497,6 +1497,7 @@ function deselect(e) { if (e !== undefined && e.which != 1) { return; } + if (selected) { selected.classList.remove("selected"); } @@ -1505,7 +1506,7 @@ function deselect(e) { } document.getElementById("options-selected-entity-none").selected = "selected"; - + document.getElementById("delete-entity").style.display = "none"; clearAttribution(); selected = null; @@ -2481,6 +2482,12 @@ function prepareSidebar() { id: "menu-load-autosave", icon: "fas fa-redo" }, + { + name: "Load Preset", + id: "menu-preset", + icon: "fas fa-play", + select: true + }, { name: "Add Image", id: "menu-add-image", @@ -3405,7 +3412,7 @@ document.addEventListener("DOMContentLoaded", () => { updateSizes(); }); - const sceneChoices = document.querySelector("#scene-choices"); + const sceneChoices = document.querySelector("#menu-preset ~ select"); Object.entries(scenes).forEach(([id, scene]) => { const option = document.createElement("option"); @@ -3414,11 +3421,12 @@ document.addEventListener("DOMContentLoaded", () => { sceneChoices.appendChild(option); }); - document.querySelector("#load-scene").addEventListener("click", e => { + document.querySelector("#menu-preset").addEventListener("click", e => { const chosen = sceneChoices.value; removeAllEntities(); scenes[chosen](); }); + entityX = document.querySelector("#entities").getBoundingClientRect().x; canvasWidth = document.querySelector("#display").clientWidth - 100; canvasHeight = document.querySelector("#display").clientHeight - 50;