SONAR-11399 fix text wrapping on the permission templates page

diff --git a/server/sonar-web/src/main/js/apps/permission-templates/components/ListHeader.js b/server/sonar-web/src/main/js/apps/permission-templates/components/ListHeader.js
index c306578dbb3b0e0f4fa493ed15f1efa42d4b795a..4ac07fa0988ddaeba8b227c2ae03f02aa2fbc196 100644 (file)
--- a/server/sonar-web/src/main/js/apps/permission-templates/components/ListHeader.js
+++ b/server/sonar-web/src/main/js/apps/permission-templates/components/ListHeader.js
@@ -44,8 +44,10 @@ export default class ListHeader extends React.PureComponent {
   render() {
     const cells = this.props.permissions.map(permission => (
       <th className="permission-column" key={permission.key}>
-        <span className="text-middle">{translate('projects_role', permission.key)}</span>
-        <HelpTooltip className="spacer-left" overlay={this.renderTooltip(permission)} />
+        <div className="permission-column-inner">
+          <span className="text-middle">{translate('projects_role', permission.key)}</span>
+          <HelpTooltip className="spacer-left" overlay={this.renderTooltip(permission)} />
+        </div>
       </th>
     ));