From 681c296d48acafb1b1b64754560b428c7f245008 Mon Sep 17 00:00:00 2001 From: Lukas Jardin Date: Thu, 2 May 2019 14:53:37 +0200 Subject: [PATCH] fix minor styling issues in installer - margins - paddings - alignments of icons --- .../templates/atum/scss/blocks/_global.scss | 2 ++ .../templates/atum/scss/blocks/_header.scss | 4 +++- installation/template/scss/template.scss | 15 +++++++++++++++ 3 files changed, 20 insertions(+), 1 deletion(-) diff --git a/administrator/templates/atum/scss/blocks/_global.scss b/administrator/templates/atum/scss/blocks/_global.scss index 4a85ab5f2e6..035813b24af 100644 --- a/administrator/templates/atum/scss/blocks/_global.scss +++ b/administrator/templates/atum/scss/blocks/_global.scss @@ -166,6 +166,8 @@ body .container-main { a[href*="//"]:not([href*="javascript://"]):before { font: normal normal normal 14px/1 FontAwesome; content: "\f08e "; + transform: translateY(2px); + display: inline-block; } #wrapper{ diff --git a/administrator/templates/atum/scss/blocks/_header.scss b/administrator/templates/atum/scss/blocks/_header.scss index 6ba6959afba..a9250038b7c 100644 --- a/administrator/templates/atum/scss/blocks/_header.scss +++ b/administrator/templates/atum/scss/blocks/_header.scss @@ -206,13 +206,15 @@ .joomla-version { margin-right: .9rem; - margin-bottom: 0; + margin-bottom: .5rem; font-size: $h5-font-size; color: var(--atum-special-color); font-size:$font-size-vsm; &:before{ font: normal normal normal 23px/1 FontAwesome; content: "\f1aa "; + transform: translateY(5px); + display: inline-block; } } diff --git a/installation/template/scss/template.scss b/installation/template/scss/template.scss index 12e298d1d6b..90276cbe780 100644 --- a/installation/template/scss/template.scss +++ b/installation/template/scss/template.scss @@ -27,6 +27,19 @@ body { display: flex; flex-direction: column; min-height: 100vh; + header { + .logo { + width: auto; + } + .page-title { + visibility: hidden; + width: 1px; + height: 1px; + } + } + footer { + padding: 1rem; + } } @@ -45,6 +58,8 @@ body { margin-bottom: 20px; background-color: #fff; box-shadow: 0 0 2px rgba(52, 58, 67, .1), 0 2px 5px rgba(52, 58, 67, .08), 0 5px 15px rgba(52, 58, 67, .08); + width: calc(100% - 2rem); + margin-left: 1rem; &.active { display: block; }