);
default: // 'publish' (inbox) or any other status
return (
-
+
{ readUnreadButtons }
+ label={ __( 'Mark as spam', 'jetpack-forms' ) }
+ aria-label={ __( 'Mark as spam', 'jetpack-forms' ) }
+ >
+ { markAsSpamAction.label }
+
+ label={ __( 'Move to trash', 'jetpack-forms' ) }
+ aria-label={ __( 'Move to trash', 'jetpack-forms' ) }
+ >
+ { moveToTrashAction.label }
+
);
}
diff --git a/projects/packages/forms/src/dashboard/components/response-navigation/index.tsx b/projects/packages/forms/src/dashboard/components/response-navigation/index.tsx
index 9d73a4083b0bc..3e853a5c502d8 100644
--- a/projects/packages/forms/src/dashboard/components/response-navigation/index.tsx
+++ b/projects/packages/forms/src/dashboard/components/response-navigation/index.tsx
@@ -34,7 +34,8 @@ const ResponseNavigation = ( {
{ ...sharedProps }
disabled={ ! hasPrevious }
icon={ chevronUp }
- label={ __( 'Previous', 'jetpack-forms' ) }
+ label={ __( 'Previous response', 'jetpack-forms' ) }
+ aria-label={ __( 'Previous response', 'jetpack-forms' ) }
onClick={ onPrevious }
>
) }
@@ -43,7 +44,8 @@ const ResponseNavigation = ( {
{ ...sharedProps }
disabled={ ! hasNext }
icon={ chevronDown }
- label={ __( 'Next', 'jetpack-forms' ) }
+ label={ __( 'Next response', 'jetpack-forms' ) }
+ aria-label={ __( 'Next response', 'jetpack-forms' ) }
onClick={ onNext }
>
) }
@@ -51,7 +53,8 @@ const ResponseNavigation = ( {
) }
diff --git a/projects/packages/forms/src/dashboard/components/response-view/single.tsx b/projects/packages/forms/src/dashboard/components/response-view/single.tsx
index 1df91188967e5..7c816a4a0f43e 100644
--- a/projects/packages/forms/src/dashboard/components/response-view/single.tsx
+++ b/projects/packages/forms/src/dashboard/components/response-view/single.tsx
@@ -141,7 +141,7 @@ const SingleResponseView = ( {
-
+
diff --git a/projects/packages/forms/src/dashboard/components/response-view/style.scss b/projects/packages/forms/src/dashboard/components/response-view/style.scss
index 9ee1208298729..e52125b6b9a8d 100644
--- a/projects/packages/forms/src/dashboard/components/response-view/style.scss
+++ b/projects/packages/forms/src/dashboard/components/response-view/style.scss
@@ -101,6 +101,11 @@
.jp-forms__inbox-response-data-value {
white-space: pre-wrap;
}
+// for increased specificity.
+.jp-forms__response-navigation-container.jp-forms__response-navigation-container {
+ width: auto;
+ min-width: fit-content;
+}
.response-country-flag {
font-size: 16px;
@@ -130,6 +135,11 @@
}
}
+.jp-forms__response-actions .components-button {
+ padding-left: 8px;
+ padding-right: 8px;
+}
+
.jp-forms__inbox__tip-container {
border-top: 1px solid var(--jp-forms-border-color);
margin: 8px 0 0 0;
diff --git a/projects/packages/forms/src/dashboard/inbox/dataviews/actions.tsx b/projects/packages/forms/src/dashboard/inbox/dataviews/actions.tsx
index 6fdf703b007c9..f6d0ee4248aa7 100644
--- a/projects/packages/forms/src/dashboard/inbox/dataviews/actions.tsx
+++ b/projects/packages/forms/src/dashboard/inbox/dataviews/actions.tsx
@@ -685,7 +685,7 @@ export const markAsReadAction: Action = {
id: 'mark-as-read',
isPrimary: false,
icon:
,
- label: __( 'Mark as read', 'jetpack-forms' ),
+ label: __( 'Read', 'jetpack-forms' ),
isEligible: item => item.is_unread,
supportsBulk: true,
async callback( items, { registry } ) {
@@ -800,7 +800,7 @@ export const markAsUnreadAction: Action = {
id: 'mark-as-unread',
isPrimary: false,
icon:
,
- label: __( 'Mark as unread', 'jetpack-forms' ),
+ label: __( 'Unread', 'jetpack-forms' ),
isEligible: item => ! item.is_unread,
supportsBulk: true,
async callback( items, { registry } ) {