Responsive buttons are misaligned when using bs4 table-sm class

Responsive buttons are misaligned when using bs4 table-sm class

ChronosXChronosX Posts: 2Questions: 1Answers: 0

Here is the pen: https://codepen.io/Supersudo/pen/jOBqYRw

I noticed that when I disabled this rule:

table.dataTable.dtr-inline.collapsed.table-sm > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.table-sm > tbody > tr > th:first-child:before {
  top: 5px;
}

It centers the buttons, but I'm afraid to remove it because it might affect other features.

This question has an accepted answers - jump to answer

Answers

  • allanallan Posts: 63,489Questions: 1Answers: 10,470 Site admin

    Yes that does look very off.

    That rule is specifically there for that (although something is going wrong with it), so yes, I think it should be removed. I'll look a bit closer into what has gone wrong on Monday.

    Allan

  • ChronosXChronosX Posts: 2Questions: 1Answers: 0

    Thank you very much! :smiley:

  • allanallan Posts: 63,489Questions: 1Answers: 10,470 Site admin
    Answer ✓

    Just checked this out and indeed it should be removed. We changed the way we align the icon making that style incorrect. Change is committed here.

    Allan

This discussion has been closed.