fix UI issues

Author: ipula

public/globals.js

@@ -147,7 +147,7 @@ window.pkp = {
 		'acceptInvitation.cancelInvite.title': 'Cancel Role Invitation Process?',
 		'acceptInvitation.modal.button': 'View All Submissions',
 		'acceptInvitation.modal.message':
-			'Congratulations on your new role in OJS! You might now have access to new options. If you need assistance navigating the system, please click on the \u201cHelp\u201d buttons throughout the interface for guidance',
+			'Congratulations on your new role in OJS! You might now have access to new options. If you need assistance navigating the system, please click on the \u201cHelp\u201d button throughout the interface for guidance',
 		'acceptInvitation.modal.title': "You've been assigned a new role in OJS",
 		'acceptInvitation.passwordField.description':
 			'It should be at least 6 characters long and could be a combination of uppercase letters, lowercase letters, numbers and symbols',
@@ -905,7 +905,7 @@ window.pkp = {
 		'userInvitation.edit.title': 'Edit Invitation',
 		'userInvitation.modal.button': 'View All Users',
 		'userInvitation.modal.message':
-			"{$email} has been invited to new role in OJS. You can be updated about the user's decision on the User & Role page, your OJS notification and/or your email.",
+			"{$email} has been invited to new role in OJS. You can be updated about the user's decision on the Users & Roles page, your OJS notifications and/or your email.",
 		'userInvitation.modal.title': 'Invitation Sent',
 		'userInvitation.roleTable.endDate': 'End Date',
 		'userInvitation.roleTable.journalMasthead': 'Journal Masthead',

src/managers/UserAccessManager/UserAccessManager.vue

@@ -2,7 +2,7 @@
 	<PkpTable class="mt-2">
 		<template #label>
 			<h3 class="text-3xl-bold">
-				{{ t('grid.user.currentUsers') }}({{
+				{{ t('grid.user.currentUsers') }} ({{
 					store.userAccessPagination.itemCount
 				}})
 			</h3>

src/managers/UserInvitationManager/UserInvitationManager.vue

@@ -2,7 +2,7 @@
 	<PkpTable>
 		<template #label>
 			<h3 class="text-3xl-bold">
-				{{ t('invitation.header') }}({{
+				{{ t('invitation.header') }} ({{
 					store.invitationsPagination.itemCount
 				}})
 			</h3>