Buttons resize on Parent Child datatables example

lowrymel

How would I stop the buttons on a resize in the Parent Child example from using all available space?
Example - this looks great

But this would look better (in my opinion) if the buttons maintained the same size in the previous screen clip and were displayed centered.

allan

The Buttons are actually 100% width in both cases. The change is that the container gets suffled around from columns to what looks like rows.

So what you could do is add something like this to your CSS:

@media (min-width: 576px) {
  div.DTE_Field div.dt-buttons {
    max-width: 300px;
  }
}

Allan

lowrymel

That works great. Thanks!