diff --git a/src/advanced-settings/scss/AdvancedSettings.scss b/src/advanced-settings/scss/AdvancedSettings.scss index 676c6dc81..a8e0d0434 100644 --- a/src/advanced-settings/scss/AdvancedSettings.scss +++ b/src/advanced-settings/scss/AdvancedSettings.scss @@ -40,16 +40,11 @@ .form-control { min-height: 2.75rem; - width: $setting-form-control-width; - } - - .pgn__card-section { - max-width: $setting-form-control-width; + flex-grow: 1; } .pgn__card-header { padding: 0 0 0 1.5rem; - flex-grow: 1; } .pgn__card-status { @@ -59,8 +54,6 @@ .pgn__card-header-content { margin-top: 1.438rem; margin-bottom: 1.438rem; - display: flex; - flex-direction: revert; } } diff --git a/src/advanced-settings/scss/_variables.scss b/src/advanced-settings/scss/_variables.scss index 915aecc19..22c26a836 100644 --- a/src/advanced-settings/scss/_variables.scss +++ b/src/advanced-settings/scss/_variables.scss @@ -1,2 +1 @@ $text-color-base: $gray-700; -$setting-form-control-width: 34.375rem; diff --git a/src/advanced-settings/setting-card/SettingCard.jsx b/src/advanced-settings/setting-card/SettingCard.jsx index 15cef8ad9..e522963f8 100644 --- a/src/advanced-settings/setting-card/SettingCard.jsx +++ b/src/advanced-settings/setting-card/SettingCard.jsx @@ -58,8 +58,9 @@ const SettingCard = ({ return (
  • - + {capitalize(displayName)} @@ -86,10 +87,11 @@ const SettingCard = ({ dangerouslySetInnerHTML={{ __html: help }} /> + )} /> - +