fix(tabs): tab spacing on desktop incorrect (angular#6681)

Fixes angular#3347
Teamop · Sep 1, 2017 · b678119 · b678119
1 parent 4191b4d
commit b678119
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/lib/tabs/_tabs-common.scss b/src/lib/tabs/_tabs-common.scss
@@ -6,7 +6,7 @@ $mat-tab-animation-duration: 500ms !default;
 // Mixin styles for labels that are contained within the tab header.
 @mixin tab-label {
   height: $mat-tab-bar-height;
-  padding: 0 12px;
+  padding: 0 24px;
   cursor: pointer;
   box-sizing: border-box;
   opacity: 0.6;

diff --git a/src/lib/tabs/tab-group.scss b/src/lib/tabs/tab-group.scss
@@ -19,7 +19,13 @@
 
 @media ($mat-xsmall) {
   .mat-tab-label {
-    min-width: 72px;
+    padding: 0 12px;
+  }
+}
+
+@media ($mat-small) {
+  .mat-tab-label {
+    padding: 0 12px;
   }
 }