Skip to content

Commit b678119

Browse files
amcdnljelbourn
authored andcommitted
fix(tabs): tab spacing on desktop incorrect (#6681)
Fixes #3347
1 parent 4191b4d commit b678119

File tree

2 files changed

+8
-2
lines changed

2 files changed

+8
-2
lines changed

src/lib/tabs/_tabs-common.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ $mat-tab-animation-duration: 500ms !default;
66
// Mixin styles for labels that are contained within the tab header.
77
@mixin tab-label {
88
height: $mat-tab-bar-height;
9-
padding: 0 12px;
9+
padding: 0 24px;
1010
cursor: pointer;
1111
box-sizing: border-box;
1212
opacity: 0.6;

src/lib/tabs/tab-group.scss

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,13 @@
1919

2020
@media ($mat-xsmall) {
2121
.mat-tab-label {
22-
min-width: 72px;
22+
padding: 0 12px;
23+
}
24+
}
25+
26+
@media ($mat-small) {
27+
.mat-tab-label {
28+
padding: 0 12px;
2329
}
2430
}
2531

0 commit comments

Comments
 (0)