diff --git a/mailpoet/assets/css/src/mailpoet-dynamic-segments.scss b/mailpoet/assets/css/src/mailpoet-dynamic-segments.scss index d734a37e03..b800406d0c 100644 --- a/mailpoet/assets/css/src/mailpoet-dynamic-segments.scss +++ b/mailpoet/assets/css/src/mailpoet-dynamic-segments.scss @@ -39,27 +39,10 @@ border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: grid; gap: 16px; - grid-template-columns: 120px auto auto; - grid-template-rows: auto auto; - padding: 0 16px 16px; - - .mailpoet-segments-listing-bulk-actions { - grid-column: 1/2; - grid-row: 2/2; - } - - .mailpoet-segments-listing-notices__notice-list { - grid-column: 1/4; - grid-row: 1/1; - - .components-notice { - margin: 0; - } - } + grid-template-columns: 120px auto; + padding: 16px; .mailpoet-segments-listing-search { - grid-column: 2/3; - grid-row: 2/2; max-width: 430px; } diff --git a/mailpoet/assets/js/src/segments/dynamic/list.tsx b/mailpoet/assets/js/src/segments/dynamic/list.tsx index bdb8424074..23a71cbacc 100644 --- a/mailpoet/assets/js/src/segments/dynamic/list.tsx +++ b/mailpoet/assets/js/src/segments/dynamic/list.tsx @@ -2,6 +2,7 @@ import { HashRouter } from 'react-router-dom'; import { Button } from '@wordpress/components'; import { __ } from '@wordpress/i18n'; import { ListingTabs } from './list/listing-tabs'; +import { Notices } from './list/notices'; import * as ROUTES from '../routes'; import { plusIcon } from '../../common/button/icon/plus'; import { PageHeader } from '../../common/page-header'; @@ -15,6 +16,8 @@ export function DynamicSegmentList(): JSX.Element { return ( + +