SONAR-12796 Fix typo in permission template page.

server/sonar-web/src/main/js/apps/permission-templates/components/ListHeader.tsx

@@ -44,9 +44,7 @@ export default class ListHeader extends React.PureComponent<Props> {
 
   render() {
     const cells = this.props.permissions.map(permission => (
-      <th
-        className="permission-column little-padding-left little-padding-right"
-        key={permission.key}>
+      <th className="permission-column little-padded-left little-padded-right" key={permission.key}>
         <div className="permission-column-inner">
           <span className="text-middle">{translate('projects_role', permission.key)}</span>
           <HelpTooltip className="spacer-left" overlay={this.renderTooltip(permission)} />
@@ -57,11 +55,9 @@ export default class ListHeader extends React.PureComponent<Props> {
     return (
       <thead>
         <tr>
-          <th className="little-padding-left little-padding-right">&nbsp;</th>
+          <th className="little-padded-left little-padded-right">&nbsp;</th>
           {cells}
-          <th className="thin nowrap text-right little-padding-left little-padding-right">
-            &nbsp;
-          </th>
+          <th className="thin nowrap text-right little-padded-left little-padded-right">&nbsp;</th>
         </tr>
       </thead>
     );

server/sonar-web/src/main/js/apps/permission-templates/components/ListItem.tsx

@@ -40,7 +40,7 @@ export default function ListItem(props: Props) {
 
       {permissions}
 
-      <td className="nowrap thin text-right text-top little-padding-left little-padding-right">
+      <td className="nowrap thin text-right text-top little-padded-left little-padded-right">
         <ActionsCell
           organization={props.organization}
           permissionTemplate={props.template}

server/sonar-web/src/main/js/apps/permission-templates/components/NameCell.tsx

@@ -32,7 +32,7 @@ export default function NameCell({ template, organization }: Props) {
     : '/permission_templates';
 
   return (
-    <td className="little-padding-left little-padding-right">
+    <td className="little-padded-left little-padded-right">
       <Link to={{ pathname, query: { id: template.id } }}>
         <strong className="js-name">{template.name}</strong>
       </Link>

server/sonar-web/src/main/js/apps/permission-templates/components/PermissionCell.tsx

@@ -33,7 +33,7 @@ interface Props {
 
 export default function PermissionCell({ permission: p }: Props) {
   return (
-    <td className="permission-column little-padding-left little-padding-right">
+    <td className="permission-column little-padded-left little-padded-right">
       <div className="permission-column-inner">
         <ul>
           {p.withProjectCreator && (

server/sonar-web/src/main/js/apps/permission-templates/components/__tests__/__snapshots__/ListItem-test.tsx.snap

@@ -17,7 +17,7 @@ exports[`render correctly 1`] = `
     }
   />
   <td
-    className="nowrap thin text-right text-top little-padding-left little-padding-right"
+    className="nowrap thin text-right text-top little-padded-left little-padded-right"
   >
     <withRouter(ActionsCell)
       permissionTemplate={