Reorganize navigation and header scss

Change-Id: I495e1c19cd5d67220c00ef65c88f7a95ad12bf68
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/app/common/styles/directives/app-navigation.scss b/app/common/styles/directives/app-navigation.scss
index 5b755e8..4591f5c 100644
--- a/app/common/styles/directives/app-navigation.scss
+++ b/app/common/styles/directives/app-navigation.scss
@@ -30,6 +30,7 @@
     margin-bottom: 0;
     white-space: normal;
     border-radius: 0;
+    text-decoration: none;
     .nav__icon {
       color: $white;
       max-height: 40px;
@@ -92,13 +93,12 @@
   padding: 0;
   margin: 0;
   list-style-type: none;
-  @include slowTransition-all;
+  @include fastTransition-all;
   &.opened {
     left: $nav__toplvlWidth;
     box-shadow: 7px 0 28px -10px $darkgrey;
-    @include slowTransition-all;
+    @include fastTransition-all;
   }
-
   a {
     padding: 1.2em 1em 1.2em 1em;
     display: block;