From afb099f9df16ecf5d4fcfcab5e38376c8082563c Mon Sep 17 00:00:00 2001 From: Danny Coates Date: Mon, 19 Feb 2018 23:10:03 -0800 Subject: [PATCH] updated noscript style --- app/base.css | 16 ++++++++-------- app/routes/index.js | 20 +++++++++++--------- app/templates/footer/index.js | 4 ++-- 3 files changed, 21 insertions(+), 19 deletions(-) diff --git a/app/base.css b/app/base.css index 52fbfafe..7d21eb9e 100644 --- a/app/base.css +++ b/app/base.css @@ -20,8 +20,6 @@ html { background-size: 110%; background-repeat: no-repeat; background-position: center top; - height: 100%; - margin: auto; } body { @@ -31,7 +29,6 @@ body { flex-direction: column; margin: 0; min-height: 100vh; - position: relative; } input, @@ -46,11 +43,8 @@ a { text-decoration: none; } -.all { - flex: 1; - display: flex; - flex-direction: column; - justify-content: flex-start; +.main { + flex: auto; max-width: 650px; margin: 0 auto; padding: 0 20px; @@ -58,6 +52,12 @@ a { width: 96%; } +.noscript { + text-align: center; + border: 3px solid var(--errorColor); + border-radius: 6px; +} + .btn { font-size: 15px; font-weight: 500; diff --git a/app/routes/index.js b/app/routes/index.js index df41d0d3..1631cad8 100644 --- a/app/routes/index.js +++ b/app/routes/index.js @@ -29,18 +29,20 @@ function body(template) { const b = html` ${banner(state, emit)} ${header(state)} -
+
${template(state, emit)} -
+ ${footer(state)} `; if (state.layout) { diff --git a/app/templates/footer/index.js b/app/templates/footer/index.js index 71cfc5ed..e81d5b3d 100644 --- a/app/templates/footer/index.js +++ b/app/templates/footer/index.js @@ -2,7 +2,7 @@ const html = require('choo/html'); const assets = require('../../../common/assets'); module.exports = function(state) { - return html`
+ return html`
`; + `; };