diff --git a/public/app/plugins/datasource/prometheus/components/PromQueryField.tsx b/public/app/plugins/datasource/prometheus/components/PromQueryField.tsx index 1c07be0d3ac..7ba18111297 100644 --- a/public/app/plugins/datasource/prometheus/components/PromQueryField.tsx +++ b/public/app/plugins/datasource/prometheus/components/PromQueryField.tsx @@ -257,18 +257,18 @@ class PromQueryField extends React.PureComponent - {error ?
{error}
: null} - {hint ? ( -
- {hint.label}{' '} - {hint.fix ? ( - - {hint.fix.label} - - ) : null} -
- ) : null} + {error ?
{error}
: null} + {hint ? ( +
+ {hint.label}{' '} + {hint.fix ? ( + + {hint.fix.label} + + ) : null} +
+ ) : null} ); } diff --git a/public/sass/components/_gf-form.scss b/public/sass/components/_gf-form.scss index b81cccd7ab7..08ca2193ea0 100644 --- a/public/sass/components/_gf-form.scss +++ b/public/sass/components/_gf-form.scss @@ -5,7 +5,7 @@ $input-border: 1px solid $input-border-color; margin-bottom: $gf-form-margin; display: flex; flex-direction: row; - align-items: center; + align-items: flex-start; text-align: left; position: relative; diff --git a/public/sass/components/_slate_editor.scss b/public/sass/components/_slate_editor.scss index f8796a8f260..7608f071e78 100644 --- a/public/sass/components/_slate_editor.scss +++ b/public/sass/components/_slate_editor.scss @@ -9,7 +9,7 @@ position: relative; display: inline-block; padding: $input-padding-y $input-padding-x; - height: $gf-form-input-height; + min-height: $gf-form-input-height; width: 100%; cursor: text; line-height: $line-height-base;