From ad9d24e2a7931e8c091605c41e47b839766adb5d Mon Sep 17 00:00:00 2001
From: Xaviju <xaviju@gmail.com>
Date: Fri, 9 Dec 2016 14:16:41 +0100
Subject: [PATCH] Fix small logo glitch

---
 .../navigation-bar/navigation-bar.scss        | 50 +++++--------------
 1 file changed, 13 insertions(+), 37 deletions(-)

diff --git a/app/modules/navigation-bar/navigation-bar.scss b/app/modules/navigation-bar/navigation-bar.scss
index a04122cc..887bb87b 100644
--- a/app/modules/navigation-bar/navigation-bar.scss
+++ b/app/modules/navigation-bar/navigation-bar.scss
@@ -23,22 +23,16 @@ $dropdown-width: 350px;
         display: flex;
     }
     .nav-left {
-        >a {
+        a {
             color: $white;
             padding: .5rem 1.5rem;
-            &.logo {
-                background: rgba($black, .2);
-                padding: .4rem .75rem;
-            }
-            svg {
-                height: 1.6rem;
-                max-height: 1.6rem;
-                max-width: 2rem;
-                width: 1.6rem;
-            }
-            path {
-                fill: $white;
-            }
+        }
+        .logo {
+            background: rgba($black, .2);
+            padding: .3rem .75rem;
+        }
+        svg {
+            @include svg-size(1.6rem);
         }
     }
     .nav-right {
@@ -47,15 +41,16 @@ $dropdown-width: 350px;
             color: $white;
             padding: .5rem 2rem;
         }
+        svg {
+            @include svg-size(1.2rem);
+            fill: rgba($primary-dark, .8);
+            transition: all .2s linear;
+        }
     }
     a {
         color: $white;
         display: inline-block;
         transition: all .2s linear;
-        svg {
-            fill: rgba($primary-dark, .8);
-            transition: all .2s linear;
-        }
         &:hover {
             background: rgba($black, .2);
             color: $primary-light;
@@ -80,12 +75,6 @@ $dropdown-width: 350px;
         margin-left: .5rem;
         vertical-align: middle;
     }
-    svg {
-        height: 1.2rem;
-        max-height: 1.2rem;
-        max-width: 1.2rem;
-        width: 1.2rem;
-    }
     .topnav-dropdown-wrapper {
         position: relative;
         &:hover {
@@ -163,9 +152,6 @@ $dropdown-width: 350px;
         &.see-more-projects-btn {
             margin-bottom: .3rem;
         }
-        &.import-project-button {
-            padding: .8rem 1rem;
-        }
         &.create-project-btn {
             flex: 1;
         }
@@ -178,16 +164,6 @@ $dropdown-width: 350px;
             }
         }
     }
-    .import-project-button {
-        &:hover {
-            svg {
-                fill: $primary-light;
-            }
-        }
-        svg {
-            fill: $white;
-        }
-    }
     .create-options {
         display: flex;
         flex-direction: row;