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)} />
return (
<thead>
<tr>
- <th className="little-padding-left little-padding-right"> </th>
+ <th className="little-padded-left little-padded-right"> </th>
{cells}
- <th className="thin nowrap text-right little-padding-left little-padding-right">
-
- </th>
+ <th className="thin nowrap text-right little-padded-left little-padded-right"> </th>
</tr>
</thead>
);
{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}
: '/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>
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 && (
}
/>
<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={