From f8654b18731b4e5f75da2d42d446d74a547e9c8d Mon Sep 17 00:00:00 2001 From: Florian Strohmaier Date: Thu, 4 Jun 2020 16:17:39 +0200 Subject: [PATCH 1/2] modal.less: Optimize close button styles --- public/css/icinga/modal.less | 18 +++++++----------- 1 file changed, 7 insertions(+), 11 deletions(-) diff --git a/public/css/icinga/modal.less b/public/css/icinga/modal.less index 0b4184d01..7b377cb08 100644 --- a/public/css/icinga/modal.less +++ b/public/css/icinga/modal.less @@ -61,18 +61,18 @@ > button { position: absolute; - top: 1em; + top: .75em; left: .5em; background-color: @gray; border: none; border-radius: 50%; color: @text-color-inverted; - height: 1em; + height: 1.5em; line-height: 1em; padding: 0; text-align: center; - width: 1em; + width: 1.5em; -webkit-appearance: none; -moz-appearance: none; @@ -80,16 +80,12 @@ appearance: none; } - > button > i { - position: absolute; - left: 0.25em; - top: 0; - - font-size: .7em; + > button:hover { + opacity: .8; } - > button > .icon:before { - margin: 0; + > button > .icon-cancel:before { + margin-right: 0; } } From 237d79e43fbf5f2e170714d0f6f9e6fd1de7a464 Mon Sep 17 00:00:00 2001 From: Johannes Meyer Date: Mon, 8 Jun 2020 08:34:19 +0200 Subject: [PATCH 2/2] modal.less: Move close button to the right --- public/css/icinga/modal.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/public/css/icinga/modal.less b/public/css/icinga/modal.less index 7b377cb08..e438ec34e 100644 --- a/public/css/icinga/modal.less +++ b/public/css/icinga/modal.less @@ -62,7 +62,7 @@ > button { position: absolute; top: .75em; - left: .5em; + right: .75em; background-color: @gray; border: none;