From 9caa345948d8c24235eab2ad3d760f87e67d07d4 Mon Sep 17 00:00:00 2001
From: Florian Strohmaier <florian.strohmaier@icinga.com>
Date: Tue, 2 Jul 2019 15:27:52 +0200
Subject: [PATCH] CSS: Fix Detail view inline check now button
---
public/css/icinga/controls.less | 6 +++---
public/css/icinga/forms.less | 21 ++++++++++++---------
2 files changed, 15 insertions(+), 12 deletions(-)
diff --git a/public/css/icinga/controls.less b/public/css/icinga/controls.less
index 64892e813..cf9eb85fc 100644
--- a/public/css/icinga/controls.less
+++ b/public/css/icinga/controls.less
@@ -198,11 +198,11 @@ html.no-js .sort-control form {
margin-top: 0.25em;
}
-.controls form {
-
+.controls {
.control-label-group {
margin-top: 0;
margin-bottom: 0;
+ line-height: 1.5em;
padding-top: 0.25em;
padding-bottom: 0.25em;
}
@@ -219,6 +219,6 @@ html.no-js .sort-control form {
margin-bottom: 0;
/* compensate inconsistent select height calculations */
line-height: 1;
- height: 2em;
+ max-height: 2em;
}
}
diff --git a/public/css/icinga/forms.less b/public/css/icinga/forms.less
index 8d604dbdd..6feba9446 100644
--- a/public/css/icinga/forms.less
+++ b/public/css/icinga/forms.less
@@ -76,15 +76,15 @@ form:not(.inline):not([role="search"]) {
display: flex;
flex-direction: column;
justify-content: center;
- line-height: 1;
+ line-height: 1.1em;
padding: .5625em .5625em .5625em 0;
max-height: 2.5em;
text-align: right;
- width: 15em;
+ width: @name-value-table-name-width;
}
.control-info {
- line-height: 2.5em;
+ line-height: 2.25em;
margin-right: 1em;
opacity: .6;
margin-left: 0;
@@ -108,10 +108,14 @@ form:not(.inline):not([role="search"]) {
}
}
-form.inline .control-group .spinner {
- line-height: 1.5;
- margin: 0 auto;
- padding: 0 .5em;
+form.inline {
+ display: inline-block;
+
+ .control-group .spinner {
+ line-height: 1.5;
+ margin: 0 auto;
+ padding: 0 .5em;
+ }
}
select ~ .spinner:before {
@@ -159,7 +163,7 @@ form input {
.control-group .toggle-switch,
.form-controls .toggle-switch {
- margin: 1em .5em;
+ margin: 0.875em .5em;
}
form select:not([multiple]) {
@@ -190,7 +194,6 @@ form select {
form.inline select {
width: auto
}
-
/**********************************************************************************************************************
specific input styles
***********************************************************************************************************************/