SONAR-13855 Fixing nav bar layout change

diff --git a/server/sonar-web/src/main/js/app/components/nav/component/ComponentNav.tsx b/server/sonar-web/src/main/js/app/components/nav/component/ComponentNav.tsx
index aa62f13faef79349614f8ba8460428aa62317aff..629e2761a49807488c582880808f8502ea05fcf4 100644 (file)
--- a/server/sonar-web/src/main/js/app/components/nav/component/ComponentNav.tsx
+++ b/server/sonar-web/src/main/js/app/components/nav/component/ComponentNav.tsx
@@ -120,8 +120,9 @@ export default function ComponentNav(props: ComponentNavProps) {
         </>
       }>
       <div
-        className={classNames('display-flex-center display-flex-space-between little-padded-top', {
-          'padded-bottom': warnings.length === 0
+        className={classNames('display-flex-center display-flex-space-between', {
+          'padded-bottom little-padded-top': warnings.length === 0,
+          'little-padded-bottom': warnings.length > 0
         })}>
         <Header
           branchLikes={branchLikes}

diff --git a/server/sonar-web/src/main/js/app/components/nav/component/__tests__/__snapshots__/ComponentNav-test.tsx.snap b/server/sonar-web/src/main/js/app/components/nav/component/__tests__/__snapshots__/ComponentNav-test.tsx.snap
index 02a675e164a33d7b083246563d06cbb10514bf6d..16b09915069be32bae9fd9f4d2677f5890ddec5b 100644 (file)
--- a/server/sonar-web/src/main/js/app/components/nav/component/__tests__/__snapshots__/ComponentNav-test.tsx.snap
+++ b/server/sonar-web/src/main/js/app/components/nav/component/__tests__/__snapshots__/ComponentNav-test.tsx.snap
@@ -7,7 +7,7 @@ exports[`renders correctly: default 1`] = `
   notif={<React.Fragment />}
 >
   <div
-    className="display-flex-center display-flex-space-between little-padded-top padded-bottom"
+    className="display-flex-center display-flex-space-between padded-bottom little-padded-top"
   >
     <withCurrentUserContext(Component)
       branchLikes={Array []}
@@ -201,7 +201,7 @@ exports[`renders correctly: has failed notification 1`] = `
   }
 >
   <div
-    className="display-flex-center display-flex-space-between little-padded-top padded-bottom"
+    className="display-flex-center display-flex-space-between padded-bottom little-padded-top"
   >
     <withCurrentUserContext(Component)
       branchLikes={Array []}
@@ -381,7 +381,7 @@ exports[`renders correctly: has failed project binding 1`] = `
   }
 >
   <div
-    className="display-flex-center display-flex-space-between little-padded-top padded-bottom"
+    className="display-flex-center display-flex-space-between padded-bottom little-padded-top"
   >
     <withCurrentUserContext(Component)
       branchLikes={Array []}
@@ -563,7 +563,7 @@ exports[`renders correctly: has in progress notification 1`] = `
   }
 >
   <div
-    className="display-flex-center display-flex-space-between little-padded-top padded-bottom"
+    className="display-flex-center display-flex-space-between padded-bottom little-padded-top"
   >
     <withCurrentUserContext(Component)
       branchLikes={Array []}
@@ -745,7 +745,7 @@ exports[`renders correctly: has pending notification 1`] = `
   }
 >
   <div
-    className="display-flex-center display-flex-space-between little-padded-top padded-bottom"
+    className="display-flex-center display-flex-space-between padded-bottom little-padded-top"
   >
     <withCurrentUserContext(Component)
       branchLikes={Array []}
@@ -892,7 +892,7 @@ exports[`renders correctly: has warnings 1`] = `
   notif={<React.Fragment />}
 >
   <div
-    className="display-flex-center display-flex-space-between little-padded-top"
+    className="display-flex-center display-flex-space-between little-padded-bottom"
   >
     <withCurrentUserContext(Component)
       branchLikes={Array []}