From 6f162dcf90a6aa671eb351dc25cb01e2d9cbd3cb Mon Sep 17 00:00:00 2001 From: TrueKuehli Date: Mon, 1 Oct 2018 18:10:37 +0200 Subject: A lot of changes I shoud have written a better commit, I know! --- .../src/style/partials/modal/_login.scss | 31 ++++++++++++++++++---- 1 file changed, 26 insertions(+), 5 deletions(-) (limited to 'WebInterface/NodeJSServer/src/style/partials/modal') diff --git a/WebInterface/NodeJSServer/src/style/partials/modal/_login.scss b/WebInterface/NodeJSServer/src/style/partials/modal/_login.scss index eed978f..71adf61 100644 --- a/WebInterface/NodeJSServer/src/style/partials/modal/_login.scss +++ b/WebInterface/NodeJSServer/src/style/partials/modal/_login.scss @@ -10,20 +10,41 @@ grid-template-rows: 1fr 1fr 1fr; grid-row-gap: 0.5rem; + &.frst-warning { + grid-template-rows: 1fr 1rem 1fr 1fr; + } + + &.scnd-warning { + grid-template-rows: 1fr 1fr 1rem 1fr; + } + div { display: contents; font-size: 1.25rem; label { - flex-basis: 30%; margin-right: 2rem; - - grid-column: 1 2; + grid-column: 1 / 2; + line-height: 1.25em; } input { - flex-basis: calc(70% - 2rem); - grid-column: 2 3; + grid-column: 2 / 3; + border-color: none; + } + + span { + margin-top: -0.5rem; + grid-column: 1 / 3; + color: $primary-warning-text; + background-color: $primary; + font-size: 0.9rem; + line-height: 1.2rem; + padding: 0.25rem; + + &.hidden { + display: none; + } } button { -- cgit v1.2.3-54-g00ecf