diff --git a/packages/edit-site/src/components/list/actions/index.js b/packages/edit-site/src/components/list/actions/index.js
index 74cdb5bc65882..66f9258f4030c 100644
--- a/packages/edit-site/src/components/list/actions/index.js
+++ b/packages/edit-site/src/components/list/actions/index.js
@@ -4,8 +4,13 @@
import { useDispatch } from '@wordpress/data';
import { store as coreStore } from '@wordpress/core-data';
import { __ } from '@wordpress/i18n';
-import { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';
-import { moreVertical } from '@wordpress/icons';
+import {
+ DropdownMenu,
+ MenuGroup,
+ MenuItem,
+ VisuallyHidden,
+} from '@wordpress/components';
+import { Icon, moreVertical, reset } from '@wordpress/icons';
import { store as noticesStore } from '@wordpress/notices';
/**
@@ -26,7 +31,14 @@ export default function Actions( { template } ) {
const isRevertable = isTemplateRevertable( template );
if ( ! isRemovable && ! isRevertable ) {
- return null;
+ return (
+ <>
+
+
+ { __( 'No actions available' ) }
+
+ >
+ );
}
async function revertAndSaveTemplate() {
@@ -54,8 +66,11 @@ export default function Actions( { template } ) {
return (
{ ( { onClose } ) => (
diff --git a/packages/edit-site/src/components/list/style.scss b/packages/edit-site/src/components/list/style.scss
index 8682b9f79181f..687927a680922 100644
--- a/packages/edit-site/src/components/list/style.scss
+++ b/packages/edit-site/src/components/list/style.scss
@@ -63,25 +63,25 @@
max-width: 960px;
tr {
- display: flex;
- align-items: center;
- padding: $grid-unit-20;
- box-sizing: border-box;
- border-top: $border-width solid $gray-100;
- margin: 0;
-
- &:first-child {
- border-top: 0;
+ th,
+ td {
+ border-top: $border-width solid $gray-100;
+ padding: $grid-unit-20;
+ @include break-medium() {
+ padding: $grid-unit-30 $grid-unit-40;
+ }
}
- @include break-medium() {
- padding: $grid-unit-30 $grid-unit-40;
+ &:first-child {
+ th,
+ td {
+ border-top: 0;
+ }
}
// Template.
.edit-site-list-table-column:nth-child(1) {
- width: calc(60% - 18px);
- padding-right: $grid-unit-30;
+ width: 58%;
a {
display: inline-block;
@@ -93,14 +93,13 @@
// Added by.
.edit-site-list-table-column:nth-child(2) {
- width: calc(40% - 18px);
+ width: 30%;
word-break: break-word;
}
// Actions.
.edit-site-list-table-column:nth-child(3) {
- min-width: $button-size;
- flex-shrink: 0;
+ width: 12%;
}
}
@@ -109,10 +108,10 @@
font-weight: 600;
text-align: left;
color: $gray-900;
- border-top: none;
- border-bottom: $border-width solid $gray-300;
th {
+ border-top: 0;
+ border-bottom: $border-width solid $gray-300;
font-weight: inherit;
}
}
diff --git a/packages/edit-site/src/components/list/table.js b/packages/edit-site/src/components/list/table.js
index 358807dc2e076..0b10ce35c05d5 100644
--- a/packages/edit-site/src/components/list/table.js
+++ b/packages/edit-site/src/components/list/table.js
@@ -4,10 +4,7 @@
import { useSelect } from '@wordpress/data';
import { store as coreStore, useEntityRecords } from '@wordpress/core-data';
import { __, sprintf } from '@wordpress/i18n';
-import {
- VisuallyHidden,
- __experimentalHeading as Heading,
-} from '@wordpress/components';
+import { __experimentalHeading as Heading } from '@wordpress/components';
import { decodeEntities } from '@wordpress/html-entities';
/**
@@ -85,7 +82,7 @@ export default function Table( { templateType } ) {
className="edit-site-list-table-column"
role="columnheader"
>
- { __( 'Actions' ) }
+ { __( 'Manage' ) }