From bd80bd3b4a84f662a3b417e2a0c65c9b8ae87fcc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Sun, 29 Mar 2020 16:48:10 +0100
Subject: [PATCH] fix(ui): navbar needs 4 more px added to body padding-top

---
 ui/src/Components/NavBar/index.js      | 2 +-
 ui/src/Components/NavBar/index.test.js | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/Components/NavBar/index.js b/ui/src/Components/NavBar/index.js
index ba1c70e9b..4b8a30687 100644
--- a/ui/src/Components/NavBar/index.js
+++ b/ui/src/Components/NavBar/index.js
@@ -89,7 +89,7 @@ const NavBar = observer(
     updateBodyPaddingTop = () => {
       const paddingTop = this.activityStatus.idle
         ? 0
-        : this.elementSize.height + 4;
+        : this.elementSize.height + 8;
       document.body.style.paddingTop = `${paddingTop}px`;
     };
 
diff --git a/ui/src/Components/NavBar/index.test.js b/ui/src/Components/NavBar/index.test.js
index 0d6c8a343..bdaf28f1c 100644
--- a/ui/src/Components/NavBar/index.test.js
+++ b/ui/src/Components/NavBar/index.test.js
@@ -116,14 +116,14 @@ describe("<NavBar />", () => {
       window
         .getComputedStyle(document.body, null)
         .getPropertyValue("padding-top")
-    ).toBe("14px");
+    ).toBe("18px");
 
     tree.instance().onResize(0, 36);
     expect(
       window
         .getComputedStyle(document.body, null)
         .getPropertyValue("padding-top")
-    ).toBe("40px");
+    ).toBe("44px");
   });
 });