Fixing navbar height

mtlynch · Jan 12, 2018 · 3b2f682 · 3b2f682
1 parent ea78035
commit 3b2f682
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 16 deletions.
diff --git a/src/app/_components/nav/nav.component.html b/src/app/_components/nav/nav.component.html
@@ -1,5 +1,3 @@
 <nav class="navbar navbar-light">
-  <div class="logo">
-    <a class="navbar-brand" routerLink="/" routerLinkActive="active"><img class="img-responsive" src="assets/img/logo.png" alt="KetoHub logo" /></a>
-  </div>
+  <a routerLink="/" routerLinkActive="active"><img src="assets/img/logo.png" alt="KetoHub logo" /></a>
 </nav>
diff --git a/src/app/_components/nav/nav.component.scss b/src/app/_components/nav/nav.component.scss
@@ -1,20 +1,17 @@
-.navbar {
+@import '~styles/breakpoints';
+
+nav.navbar {
   background: #f4efe0;
   margin-bottom: 15px;
-  padding: 0 5% 0 5%;
+  padding: 15px 5% 15px 5%;
+  @include respond-to('small') {
+    padding: 0 5% 0 5%;
+  }
 }
 
-.logo {
-  box-sizing: border-box;
-  flex-grow: 1;
-  opacity: 1;
-  display: block;
-  float: left;
-  height: 100%;
+img {
+  width: 40%;
+  max-width: 186px;
   margin: 10px 0 10px 0;
 }
 
-.logo a {
-  flex-direction: row;
-  justify-content: flex-start;
-}