diff --git a/platform/commonUI/general/res/sass/_inspector.scss b/platform/commonUI/general/res/sass/_inspector.scss index b371dd65d1..03be9fe875 100644 --- a/platform/commonUI/general/res/sass/_inspector.scss +++ b/platform/commonUI/general/res/sass/_inspector.scss @@ -86,7 +86,11 @@ .form-row { @include align-items(center); border: none; - padding: 0; + padding: $interiorMarginSm 0; + input[type='text'], + input[type='search'] { + width: 100%; + } } } } diff --git a/platform/commonUI/general/res/sass/forms/_elems.scss b/platform/commonUI/general/res/sass/forms/_elems.scss index a48a8cfda4..b63fdad3d8 100644 --- a/platform/commonUI/general/res/sass/forms/_elems.scss +++ b/platform/commonUI/general/res/sass/forms/_elems.scss @@ -42,7 +42,7 @@ box-sizing: border-box; @include clearfix; border-top: 1px solid $colorFormLines; - margin-top: $m; + //margin-top: $m; padding: $formTBPad 0; position: relative; &.first { @@ -83,19 +83,6 @@ margin-right: 5px; } } - - .l-med input[type="text"] { - width: 200px; - } - - .l-small input[type="text"] { - width: 50px; - } - - .l-numeric input[type="text"] { - text-align: right; - } - .select { margin-right: $interiorMargin; } @@ -124,25 +111,23 @@ } } -.l-controls-first { - .form .form-row { - margin-top: $interiorMarginSm; - >.label, - >.controls { - line-height: inherit; - min-height: inherit;; - } - >.label { - @include flex(1 1 auto); - min-width: 0; - width: auto; - order: 2; - } - >.controls { - @include flex(0 0 auto); - margin-right: $interiorMargin; - order: 1; - } +.l-controls-first .form .form-row, +.form .form-row.l-controls-first { + >.label, + >.controls { + line-height: inherit; + min-height: inherit;; + } + >.label { + @include flex(1 1 auto); + min-width: 0; + width: auto; + order: 2; + } + >.controls { + @include flex(0 0 auto); + margin-right: $interiorMargin; + order: 1; } } @@ -191,6 +176,18 @@ input[type="search"] { } } +.l-input-med input[type="text"] { + width: 200px !important; +} + +.l-input-sm input[type="text"] { + width: 50px !important; +} + +.l-numeric input[type="text"] { + text-align: right; +} + textarea { @include nice-textarea($colorInputBg, $colorInputFg); position: absolute; diff --git a/platform/commonUI/general/res/sass/overlay/_overlay.scss b/platform/commonUI/general/res/sass/overlay/_overlay.scss index c4700795e5..d49a2ee97c 100644 --- a/platform/commonUI/general/res/sass/overlay/_overlay.scss +++ b/platform/commonUI/general/res/sass/overlay/_overlay.scss @@ -88,7 +88,7 @@ left: 0; right: 0; overflow: auto; - .field.l-med { + .field.l-input-med { input[type='text'] { width: 100%; } diff --git a/platform/features/plot/res/templates/plot-options-browse.html b/platform/features/plot/res/templates/plot-options-browse.html index 123ed43194..10067d506f 100644 --- a/platform/features/plot/res/templates/plot-options-browse.html +++ b/platform/features/plot/res/templates/plot-options-browse.html @@ -28,7 +28,7 @@ }