From cb95d6bb6fb292bae1b412c7f40415a059b272fa Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Alja=C5=BE=20S?= Date: Thu, 18 Aug 2022 13:49:36 +0200 Subject: [PATCH] Fix QR code layout --- src/views/form.ejs | 3 +-- src/views/index.ejs | 17 +++++++++++++++++ 2 files changed, 18 insertions(+), 2 deletions(-) diff --git a/src/views/form.ejs b/src/views/form.ejs index b1f6d50..7c3676c 100644 --- a/src/views/form.ejs +++ b/src/views/form.ejs @@ -39,8 +39,7 @@ div { grid-template-rows: auto auto; grid-template-columns: auto; row-gap: 1rem; -} -.code { + background-size: contain; background-position: top center; background-repeat: no-repeat; diff --git a/src/views/index.ejs b/src/views/index.ejs index fd6841d..8fb3987 100644 --- a/src/views/index.ejs +++ b/src/views/index.ejs @@ -25,6 +25,23 @@ section div { row-gap: .5rem; column-gap: .5rem; } +.maker button, +.maker input[type="submit"] { + margin-bottom: auto; +} +.code { + display: grid; + grid-template-rows: auto auto; + grid-template-columns: auto; + row-gap: 1rem; + + background-size: contain; + background-position: top center; + background-repeat: no-repeat; + background-image: url("/public/invalid-content.png"); + min-height: 210px; + min-width: 210px; +}