diff --git a/css/general/formatting.css b/css/general/formatting.css index 9911d9c2afe56a135375acb39aeb0165bee15bd1..b69199c7704ce729145fbdbb8923e188a01ce222 100644 --- a/css/general/formatting.css +++ b/css/general/formatting.css @@ -81,23 +81,3 @@ input:out-of-range { .uppercase { text-transform: uppercase; } - -.text-center { - text-align: center; -} - -.margin-top { - margin-top: 1em; -} - -.margin-bottom { - margin-bottom: 1em; -} - -.margin-left { - margin-left: 1em; -} - -.margin-right { - margin-right: 1em; -} diff --git a/css/general/layout.css b/css/general/layout.css index bfe09fa76a20e993fd5dfcde0a011fb95fec83da..19dad71143957bf14762b03fbbb90b94fa5d9319 100644 --- a/css/general/layout.css +++ b/css/general/layout.css @@ -42,3 +42,19 @@ div.grid-2columns-auto { grid-template-columns: max-content auto; grid-column-gap: 1em; } + +.margin-top { + margin-top: 1em; +} + +.margin-bottom { + margin-bottom: 1em; +} + +.margin-left { + margin-left: 1em; +} + +.margin-right { + margin-right: 1em; +} diff --git a/src/js/main.js b/src/js/main.js index 0be03bf58585ef2e4b24d28868f4888a7b401d07..9d16247a2210d96b7b832ce0f56c52e2389f4e14 100644 --- a/src/js/main.js +++ b/src/js/main.js @@ -198,7 +198,7 @@ App.MainView.full = function() { const links = []; - App.UI.DOM.appendNewElement("div", div, `Main Menu`, ['margin-top', 'bold', 'uppercase', 'text-center']); + App.UI.DOM.appendNewElement("div", div, `Main Menu`, ['margin-top', 'bold', 'uppercase', 'center']); links.push(App.UI.DOM.passageLink("Summary Options", "Summary Options")); @@ -234,11 +234,11 @@ App.MainView.full = function() { if (DefaultRulesError()) { App.UI.DOM.appendNewElement("div", div, `One or more rules' custom conditions has errors!`, - ['text-center', 'warning', 'notification']); + ['center', 'warning', 'notification']); } } - App.UI.DOM.appendNewElement("div", div, App.UI.DOM.generateLinksStrip(links), ['text-center', 'margin-bottom']); + App.UI.DOM.appendNewElement("div", div, App.UI.DOM.generateLinksStrip(links), ['center', 'margin-bottom']); return div; } @@ -278,7 +278,7 @@ App.MainView.full = function() { function assemble() { const fragment = new DocumentFragment(); - App.UI.DOM.appendNewElement("h1", fragment, V.arcologies[0].name, ['margin-bottom', 'text-center']); + App.UI.DOM.appendNewElement("h1", fragment, V.arcologies[0].name, ['margin-bottom', 'center']); if (V.newModelUI === 1) { fragment.append(V.building.render());