From 56c3c3365022d7e608a982e9c049329d1a0ebace Mon Sep 17 00:00:00 2001
From: frab1t <33671357+frab1t@users.noreply.github.com>
Date: Wed, 3 Jul 2019 10:24:45 +0200
Subject: [PATCH] improvement: navbar

---
 src/components/NavBar.css | 12 ------------
 src/components/NavBar.js  | 14 ++++++++------
 2 files changed, 8 insertions(+), 18 deletions(-)

diff --git a/src/components/NavBar.css b/src/components/NavBar.css
index 02bc221..d986e06 100644
--- a/src/components/NavBar.css
+++ b/src/components/NavBar.css
@@ -1,15 +1,3 @@
-.custom-toggler.navbar-toggler {
-    border-color:#007bff;
-}
-
-.navbar-brand {
-    font-weight: bolder;
-    font-size: 25px;
-    color: #007bff;
-}
-
 .custom-toggler .navbar-toggler-icon {
-    
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(9,55,150, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
-
 } 
\ No newline at end of file
diff --git a/src/components/NavBar.js b/src/components/NavBar.js
index 8c7ec69..dff4967 100644
--- a/src/components/NavBar.js
+++ b/src/components/NavBar.js
@@ -14,6 +14,11 @@ import Button from '../components/Button';
 import './NavBar.css';
 import logo from '../assets/admin.svg';
 
+const styleNavbarBrand = {
+  fontWeight: 'bolder',
+  fontSize: '25px'
+};
+
 
 class NavBar extends Component {
   constructor(props) {
@@ -47,13 +52,12 @@ class NavBar extends Component {
     return (
       <Navbar
         fixed="top"
-        color="light"
-        light
         expand="sm"
-        className="shadow-sm p-3 mb-5 bg-white"
+        className="shadow-sm bg-white"
       >
         <Container>
           <NavbarBrand
+            style={styleNavbarBrand}
             onClick={this.closeNavbar}
             tag={Link}
             to="/"
@@ -72,15 +76,13 @@ class NavBar extends Component {
           >
 
             <Nav className="ml-auto" navbar>
-            
               <NavItem>
                 <Button
                   onClick={this.closeNavbar}
                   tag={Link}
                   to="/login"
                 >
-                  <img src={logo} alt="admin login"></img>
-                  Admin
+                  Login <img src={logo} alt="admin login"></img>
                 </Button>
               </NavItem>
             </Nav>