diff --git a/app/styles/_kve.less b/app/styles/_kve.less index 37e168b314..0215cd05d3 100644 --- a/app/styles/_kve.less +++ b/app/styles/_kve.less @@ -125,11 +125,13 @@ position: relative; table-layout: fixed; width: 100%; - @media(min-width: @screen-xs-min) { - .environment-from-editor-button { + .environment-from-editor-button { + top: 26px; // position to align with config-map ui-select when stacked + @media(min-width: @screen-xs-min) { float: left; padding: 0 5px; position: relative; + top: 0; // position when not stacked width: auto; } } @@ -185,6 +187,25 @@ } } +.environment-from-editor-header { + &.config-map-header, + &.prefix-header { + @media(max-width: @screen-xxs-max) { + display: none; + width: 100%; + } + &.config-map-header-mobile, + &.prefix-header-mobile { + display: block; + margin-bottom: 0; + margin-top: 5px; + @media(min-width: @screen-xs-min) { + display: none; + } + } + } +} + .key-value-editor .key-value-editor-input, .key-value-editor-header, .environment-from-editor-header { diff --git a/app/styles/_tooltip.less b/app/styles/_tooltip.less index 025338c449..e24cca0445 100644 --- a/app/styles/_tooltip.less +++ b/app/styles/_tooltip.less @@ -2,6 +2,11 @@ // Tooltips // -------------------------------------------------- +// TODO Go thru and apply consistantly across pages +.tooltip-default-icon { + cursor: help; + font-size: @font-size-base - 1; +} .tooltip-inner { .word-break(); // so that long, unbroken strings don't overflow } diff --git a/app/views/directives/edit-environment-from.html b/app/views/directives/edit-environment-from.html index df60bf26eb..de5616a01f 100644 --- a/app/views/directives/edit-environment-from.html +++ b/app/views/directives/edit-environment-from.html @@ -2,20 +2,17 @@