fix(top-app-bar): Adjust title padding-left styles (#2390)

williamernest · web-flow · commit e24480c4d738 · 2018-03-14T09:11:47.000-07:00
diff --git a/packages/mdc-top-app-bar/_mixins.scss b/packages/mdc-top-app-bar/_mixins.scss
@@ -59,10 +59,6 @@
       padding: $mdc-top-app-bar-mobile-section-padding;
     }
 
-    .mdc-top-app-bar__title {
-      @include mdc-rtl-reflexive-box(padding, left, $mdc-top-app-bar-mobile-title-left-padding);
-    }
-
     .mdc-top-app-bar--short {
       transition: width 200ms $mdc-animation-standard-curve-timing-function;
     }
diff --git a/packages/mdc-top-app-bar/_variables.scss b/packages/mdc-top-app-bar/_variables.scss
@@ -16,7 +16,7 @@
 
 // Default styles
 $mdc-top-app-bar-row-height: 64px;
-$mdc-top-app-bar-title-left-padding: 10px;
+$mdc-top-app-bar-title-left-padding: 20px;
 $mdc-top-app-bar-section-vertical-padding: 8px;
 $mdc-top-app-bar-section-horizontal-padding: 12px;
 
@@ -27,7 +27,6 @@ $mdc-top-app-bar-mobile-breakpoint: 599px !default;
 
 // Default mobile styles
 $mdc-top-app-bar-mobile-row-height: 56px;
-$mdc-top-app-bar-mobile-title-left-padding: 12px;
 $mdc-top-app-bar-mobile-section-padding: 4px;
 
 // Short top app bar

Original file line number	Diff line number	Diff line change
`@@ -59,10 +59,6 @@`
`59`	`59`	`padding: $mdc-top-app-bar-mobile-section-padding;`
`60`	`60`	`}`
`61`	`61`
`62`		`- .mdc-top-app-bar__title {`
`63`		`- @include mdc-rtl-reflexive-box(padding, left, $mdc-top-app-bar-mobile-title-left-padding);`
`64`		`- }`
`65`		`-`
`66`	`62`	`.mdc-top-app-bar--short {`
`67`	`63`	`transition: width 200ms $mdc-animation-standard-curve-timing-function;`
`68`	`64`	`}`