From fe99788c3702ae7f1c6318b4486c7c30bee0146d Mon Sep 17 00:00:00 2001
From: Revanshu Paliwal <revanshu.paliwal@sonarsource.com>
Date: Wed, 1 Jun 2022 15:06:28 +0200
Subject: [PATCH] SONAR-13855 Fixing nav bar layout change

---
 .../js/app/components/nav/component/ComponentNav.tsx |  5 +++--
 .../__snapshots__/ComponentNav-test.tsx.snap         | 12 ++++++------
 2 files changed, 9 insertions(+), 8 deletions(-)

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 aa62f13faef..629e2761a49 100644
--- 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 02a675e164a..16b09915069 100644
--- 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 []}
-- 
2.39.5