List top icons re-arrangement

[jo-ka]

Hello.

I have a list where I have some PHP plugins running, but not all are displayed inline, like this:



I will need to add some more to the list, and I wonder if there's a way to have a display like the image below, in order to avoid the page growth.



I was working on the custom.css file, but I couldn't find a way to achieve this.

Can someone give me a help here?

Thanks in advance.

 

[troester]

Something like

.fabrik_actions .btn-group {
width:150px;
white-space: normal}

 

[jo-ka]

Something like

.fabrik_actions .btn-group {
width:150px;
white-space: normal}

Thanks troester, it worked like charm.



Just a small detail. Is there a way to apply a round at the end of the first row element, and on the first of the second row?
This is not really important, but it would help to "beautify" the solution...

 

[troester]

You can add a border-radius to .btn-group .btn (usuallay it's only done for first/last child in the btn-group)

 

[jo-ka]

You can add a border-radius to .btn-group .btn (usuallay it's only done for first/last child in the btn-group)

True, but in that case all the buttons will have a radius, right?

 

[troester]

Yes. If your layout is fixed (not responsive or so) you can also add only right and left to 4th and 5th child... It's up to you

 

[jo-ka]

OK, thanks.