From b714a0dc7e3dbccc63a047f8142f65fed7694249 Mon Sep 17 00:00:00 2001 From: mabashian Date: Wed, 23 Sep 2020 15:27:31 -0400 Subject: [PATCH] Fix padding on field labels with prompt on launch checkboxes --- awx/ui_next/src/components/CodeMirrorInput/VariablesField.jsx | 1 + awx/ui_next/src/components/FieldWithPrompt/FieldWithPrompt.jsx | 1 + 2 files changed, 2 insertions(+) diff --git a/awx/ui_next/src/components/CodeMirrorInput/VariablesField.jsx b/awx/ui_next/src/components/CodeMirrorInput/VariablesField.jsx index 4d63fcc663..9268771e0f 100644 --- a/awx/ui_next/src/components/CodeMirrorInput/VariablesField.jsx +++ b/awx/ui_next/src/components/CodeMirrorInput/VariablesField.jsx @@ -14,6 +14,7 @@ import { JSON_MODE, YAML_MODE } from './constants'; const FieldHeader = styled.div` display: flex; justify-content: space-between; + padding-bottom: var(--pf-c-form__group-label--PaddingBottom); `; const StyledCheckboxField = styled(CheckboxField)` diff --git a/awx/ui_next/src/components/FieldWithPrompt/FieldWithPrompt.jsx b/awx/ui_next/src/components/FieldWithPrompt/FieldWithPrompt.jsx index d505049cf0..fd82ae9c7e 100644 --- a/awx/ui_next/src/components/FieldWithPrompt/FieldWithPrompt.jsx +++ b/awx/ui_next/src/components/FieldWithPrompt/FieldWithPrompt.jsx @@ -7,6 +7,7 @@ import { CheckboxField, FieldTooltip } from '../FormField'; const FieldHeader = styled.div` display: flex; + padding-bottom: var(--pf-c-form__group-label--PaddingBottom); `; const StyledCheckboxField = styled(CheckboxField)`