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 e59c74b31fa858ecf7693671b35d235ff424692c..f367e38965e16c81461040240272bbe891b01845 100644 (file)
--- 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 6b98928229a6bad54decefb0603e4ef662103607..3c29418ac850163354f6ee72a0e2d9ff77488072 100644 (file)
--- 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>