From: Stas Vilchik <stas.vilchik@sonarsource.com>
Date: Tue, 23 Oct 2018 14:14:48 +0000 (+0200)
Subject: SONAR-11399 fix text wrapping on the permission templates page
X-Git-Tag: 7.5~251
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=ba40f3dab6efc2e6004a9329947ac37437afe4c1;p=sonarqube.git

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 c306578dbb3..4ac07fa0988 100644
--- 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>
     ));