Angular 2 Material md-Tabgröße

Question

Ich habe das folgende Stück Code

<mat-tab-group> 
    <div *ngFor="let question of subcategory.questions"> 
     <mat-tab label={{question.question_id}} class="question-tab">{{question.question}}</mat-tab> 
    </div> 
    </mat-tab-group> 

, die zeigt, wie:

aber ich Tabs Breite reduzieren wollen, wie folgt aus:

Das Problem ist, wenn ich CSS zur Laufzeit ändern, es passt gut, aber wenn ich CSS wie:

.mat-tab { 
    min-width: 50px !important; 
} 
.mat-tab-label[_ngcontent-c9]{ 
    min-width: 50px !important; 
} 

Es funktioniert nicht. Irgendeine Idee, wie man das angeht?

Answer 1

Versuchen Sie folgendes:

/deep/.mat-tab-label, /deep/.mat-tab-label-active{ 
min-width: 0!important; 
padding: 3px!important; 
margin: 3px!important; 
}