diff --git a/assets/css/src/components-form-editor/_sidebar.scss b/assets/css/src/components-form-editor/_sidebar.scss index fecef8685c..7499227445 100644 --- a/assets/css/src/components-form-editor/_sidebar.scss +++ b/assets/css/src/components-form-editor/_sidebar.scss @@ -114,6 +114,11 @@ border: 1px solid #eee; } +.form-placement-option-list { + display: flex; + flex-direction: row; +} + .form-placement-option { background-color: #fff; border: solid $form-placement-option-border $form-placement-option-base-color; diff --git a/assets/js/src/form_editor/components/form_settings/form_placement_panel.jsx b/assets/js/src/form_editor/components/form_settings/form_placement_panel.jsx index 8d3ba591d0..ca68a15f84 100644 --- a/assets/js/src/form_editor/components/form_settings/form_placement_panel.jsx +++ b/assets/js/src/form_editor/components/form_settings/form_placement_panel.jsx @@ -97,8 +97,10 @@ const FormPlacementPanel = ({ onToggle, isOpened }) => { onToggle={onToggle} className="form-sidebar-form-placement-panel" > - - +
+ + +

{addFormShortcodeHint}

{addFormWidgetHint}

{addFormPhpIframeHint}