diff --git a/packages/block-library/src/rss/edit.js b/packages/block-library/src/rss/edit.js index f7689b8c38ca1..0cf252e038b6f 100644 --- a/packages/block-library/src/rss/edit.js +++ b/packages/block-library/src/rss/edit.js @@ -12,9 +12,10 @@ import { PanelBody, Placeholder, RangeControl, - TextControl, ToggleControl, ToolbarGroup, + __experimentalHStack as HStack, + __experimentalInputControl as InputControl, } from '@wordpress/components'; import { useState } from '@wordpress/element'; import { grid, list, edit, rss } from '@wordpress/icons'; @@ -66,17 +67,20 @@ export default function RSSEdit( { attributes, setAttributes } ) { onSubmit={ onSubmitURL } className="wp-block-rss__placeholder-form" > - - setAttributes( { feedURL: value } ) - } - className="wp-block-rss__placeholder-input" - /> - + + + setAttributes( { feedURL: value } ) + } + className="wp-block-rss__placeholder-input" + /> + + diff --git a/packages/block-library/src/rss/editor.scss b/packages/block-library/src/rss/editor.scss index aa6288897aea4..9b4bac2874ad5 100644 --- a/packages/block-library/src/rss/editor.scss +++ b/packages/block-library/src/rss/editor.scss @@ -3,9 +3,6 @@ } .wp-block-rss__placeholder-form { - display: flex; - align-items: stretch; - > * { margin-bottom: $grid-unit-10; } @@ -15,18 +12,10 @@ margin-bottom: 0; } } -} -.wp-block-rss__placeholder-input { - display: flex; - align-items: stretch; - flex-grow: 1; - - .components-base-control__field { - margin: 0; - display: flex; - align-items: stretch; - flex-grow: 1; - margin-right: $grid-unit-10; + .wp-block-rss__placeholder-input { + flex: 1; + min-width: 80%; } } +