From e702bfa974c045b9a4f5085c06017cd9fcfc3b9a Mon Sep 17 00:00:00 2001
From: Pascal Mugnier <pascal.mugnier@sonarsource.com>
Date: Mon, 30 Jul 2018 09:08:11 +0200
Subject: [PATCH] SONAR-10932 Leave more room for project name on the Projects
 page of App

---
 .../main/js/apps/code/components/ComponentsHeader.tsx    | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/server/sonar-web/src/main/js/apps/code/components/ComponentsHeader.tsx b/server/sonar-web/src/main/js/apps/code/components/ComponentsHeader.tsx
index 6bb54c900be..3455f7972fc 100644
--- a/server/sonar-web/src/main/js/apps/code/components/ComponentsHeader.tsx
+++ b/server/sonar-web/src/main/js/apps/code/components/ComponentsHeader.tsx
@@ -18,6 +18,7 @@
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
 import * as React from 'react';
+import * as classNames from 'classnames';
 import { translate } from '../../../helpers/l10n';
 import { Component } from '../types';
 import { isShortLivingBranch, isPullRequest } from '../../../helpers/branches';
@@ -57,8 +58,12 @@ export default function ComponentsHeader({ baseComponent, branchLike, rootCompon
       <tr className="code-components-header">
         <th className="thin nowrap">&nbsp;</th>
         <th>&nbsp;</th>
-        {columns.map(column => (
-          <th key={column} className="thin nowrap text-right code-components-cell">
+        {columns.map((column, index) => (
+          <th
+            className={classNames('thin', 'nowrap', 'text-right', {
+              'code-components-cell': index > 0
+            })}
+            key={column}>
             {baseComponent && column}
           </th>
         ))}
-- 
2.39.5