diff --git a/client/assets/styles/instance.mobile.css b/client/assets/styles/instance.mobile.css index 52eceb82..d3761706 100644 --- a/client/assets/styles/instance.mobile.css +++ b/client/assets/styles/instance.mobile.css @@ -17,15 +17,16 @@ .instance .construct-list { display: none; } .vbox { grid-area: vbox; + margin-bottom: 0; display: grid; - grid-template-rows: min-content min-content min-content min-content min-content; + grid-template-rows: min-content min-content min-content min-content; grid-template-columns: 1fr; grid-template-areas: "vbox" "varrow" "inventory" - "carrow" "combiner"; + } .vbox-arrow { diff --git a/client/assets/styles/styles.less b/client/assets/styles/styles.less index c512bf0f..004ffef9 100644 --- a/client/assets/styles/styles.less +++ b/client/assets/styles/styles.less @@ -1,6 +1,6 @@ @import 'colours.less'; -html, body, #mnml { +html body { margin: 0; background-color: black; @@ -12,7 +12,9 @@ html, body, #mnml { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; +} +#mnml { /* this is the sweet nectar to keep it full page*/ height: 100vh; max-height: 100vh; diff --git a/client/assets/styles/styles.mobile.css b/client/assets/styles/styles.mobile.css index 4ff0b321..1eb5963d 100644 --- a/client/assets/styles/styles.mobile.css +++ b/client/assets/styles/styles.mobile.css @@ -1,10 +1,11 @@ @media (max-width: 800px) { + #mnml { font-size: 12pt; - padding: 1em 0 0 0; + padding: 0; grid-template-columns: 1fr; grid-template-rows: 1fr min-content; - overflow-y: scroll; + /*overflow-y: scroll;*/ grid-template-areas: "main" "footer";