Control the size of tab labels of vertical pills

<div class="col-sm-12 m-0 p-0">
   <mdb-tabset #staticTabs [buttonClass]="'nav md-pills white m-0 p-0'" [contentClass]="'card'" [justified]="true" [vertical]="true" [tabsButtonsClass]="'col-md-1'">

1001albertpadilla commented 5 years ago

Thanks the solution works! In addition, I need to reduce the space between the vertical buttons and the right tab display though. Is that possible?

---

Arkadiusz Idzikowski staff commented 5 years ago

Currently those elements are positioned with bootstrap grid. We don't recommend to overwrite the grid styles but you can try something like this:

mdb-tabset .row .col-md-3 { padding-right: 15px;}

mdb-tabset .row .col-md-9 { padding-left: 15px;}

---