feat(aio): top bar typography, sidenav size

aio/src/styles/0-base/_typography.scss

@@ -66,7 +66,7 @@
 
     .mat-toolbar-row a {
       font-size: 18px;
-      font-weight: 400;
+      font-weight: 300;
       color: white;
       font-family: $support-font;
       text-transform: uppercase;

aio/src/styles/1-layouts/_sidenav.scss

@@ -46,7 +46,7 @@
   box-shadow: 6px 0 6px rgba(0,0,0,0.10);
   background-color: $offwhite;
   padding: 10px 0px 0px;
-  min-width: 220px;
+  min-width: 260px;
 }
 
 .vertical-menu-item {
@@ -77,6 +77,7 @@
   .material-icons {
     position: absolute;
     top: 6px;
+    margin-left: 10px;
   }
 
   @include bp(tiny) {
@@ -150,7 +151,6 @@
   font-family: $support-font;
   font-size: 14px;
   color: $mediumgray;
-  text-transform: uppercase;
   padding-left: 30px;
 }
 

aio/src/styles/1-layouts/_top-menu.scss

@@ -16,6 +16,7 @@ aio-top-menu ul {
 
 aio-top-menu li {
   list-style-type: none;
+  padding: 0px;
 }
 
 md-toolbar.mat-toolbar {