From 2b1a9cd6016a9a27c00997b468b4147a01d92ce0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Tue, 10 Jul 2018 12:07:10 +0200
Subject: [PATCH] fix(ui): tweak margins and padding for navbar elements

---
 ui/src/Components/NavBar/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/Components/NavBar/index.js b/ui/src/Components/NavBar/index.js
index c72b96b01..52aff606f 100644
--- a/ui/src/Components/NavBar/index.js
+++ b/ui/src/Components/NavBar/index.js
@@ -28,9 +28,9 @@ const NavBar = observer(
       const { alertStore } = this.props;
       return (
         <div className="container">
-          <nav className="navbar fixed-top navbar-expand-md navbar-dark py-1 bg-primary-transparent">
+          <nav className="navbar fixed-top navbar-expand navbar-dark p-1 bg-primary-transparent">
             <ReactResizeDetector handleHeight onResize={navbarResize} />
-            <span className="navbar-brand my-0 h1 d-none d-sm-block">
+            <span className="navbar-brand my-0 mx-2 h1 d-none d-sm-block">
               {alertStore.info.totalAlerts}
               <FetchIndicator status={alertStore.status.value.toString()} />
             </span>
@@ -38,7 +38,7 @@ const NavBar = observer(
             <ul className="navbar-nav">
               <li className="nav-item dropdown">
                 <a
-                  className="nav-link dropdown-toggle"
+                  className="nav-link dropdown-toggle mx-1"
                   data-toggle="dropdown"
                   aria-haspopup="true"
                   aria-expanded="true"