fix(toolbar): Fix toolbar margin for desktop (#887)

Closes #786

packages/mdc-toolbar/mdc-toolbar.scss

@@ -79,7 +79,7 @@
 
     align-self: center;
     margin: 0;
-    margin-left: 16px;
+    margin-left: 24px;
     padding: $mdc-toobar-element-vertical-padding 0;
     line-height: 1.5rem;
     text-overflow: ellipsis;
@@ -93,9 +93,33 @@
     @include mdc-theme-prop(color, text-primary-on-primary);
   }
 
+  &__icon:last-child {
+    padding-right: 16px;
+  }
+
   &__icon--menu {
     @include mdc-shared-icon-style(menu);
     @include mdc-theme-prop(color, text-primary-on-primary);
+
+    padding: 16px 24px;
+  }
+}
+
+.mdc-toolbar__icon--menu + .mdc-toolbar__title {
+  margin-left: 8px;
+}
+
+@media (max-width: $mdc-toolbar-mobile-breakpoint) {
+  .mdc-toolbar__icon--menu {
+    padding: 16px;
+  }
+
+  .mdc-toolbar__icon:last-child {
+    padding: 16px 8px;
+  }
+
+  .mdc-toolbar__title {
+    margin-left: 16px !important;
   }
 }