From: David Cho-Lerat <david.cho-lerat@sonarsource.com>
Date: Thu, 27 Jul 2023 08:23:01 +0000 (+0200)
Subject: SONAR-19547 Styling fixes for the clipboard button
X-Git-Tag: 10.2.0.77647~286
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=1c3a4eb9a9ad0951bd396b44d441c3808b2af955;p=sonarqube.git

SONAR-19547 Styling fixes for the clipboard button
---

diff --git a/server/sonar-web/design-system/src/components/Breadcrumbs.tsx b/server/sonar-web/design-system/src/components/Breadcrumbs.tsx
index e59c74b31fa..f367e38965e 100644
--- a/server/sonar-web/design-system/src/components/Breadcrumbs.tsx
+++ b/server/sonar-web/design-system/src/components/Breadcrumbs.tsx
@@ -162,7 +162,7 @@ export function Breadcrumbs(props: Props) {
         </Dropdown>
       )}
       <ul className="sw-truncate sw-leading-6 sw-flex">{[...breadcrumbsToShow].reverse()}</ul>
-      {actions && <div className="sw-ml-2">{actions}</div>}
+      {actions && <div className="sw-mx-2">{actions}</div>}
     </BreadcrumbWrapper>
   );
 }
diff --git a/server/sonar-web/src/main/js/apps/issues/crossComponentSourceViewer/IssueSourceViewerHeader.tsx b/server/sonar-web/src/main/js/apps/issues/crossComponentSourceViewer/IssueSourceViewerHeader.tsx
index 6b98928229a..3c29418ac85 100644
--- a/server/sonar-web/src/main/js/apps/issues/crossComponentSourceViewer/IssueSourceViewerHeader.tsx
+++ b/server/sonar-web/src/main/js/apps/issues/crossComponentSourceViewer/IssueSourceViewerHeader.tsx
@@ -103,8 +103,9 @@ function IssueSourceViewerHeader(props: Props & ThemeProp) {
         )}
 
         {!isProjectRoot && (
-          <>
+          <span className="sw-whitespace-nowrap">
             {displayProjectName && <ChevronRightIcon className="sw-mr-2" />}
+
             <LightLabel>
               {collapsedDirFromPath(path)}
               {fileFromPath(path)}
@@ -133,7 +134,7 @@ function IssueSourceViewerHeader(props: Props & ThemeProp) {
                 );
               }}
             </ClipboardBase>
-          </>
+          </span>
         )}
       </div>