I tried to fix it with these lines of LESS code, I'm not sure if this is the best way to do it though...
@media @tablet-up {
.ComposerBody-header {
// restets the default value, the margin will come from each individual element, this way when there
// is a second line, the elements have a gap betwen them.
margin: 0;
& > li {
margin-bottom: 10px;
}
// We want to prevent the items from this container to go too much to the right.
// Therefore we add a floated element that will make elements that don't fit break to the next line.
&:before {
content: '';
float: right;
width: 144px; // width of `$('.Composer-controls')`
height: 1px; // if not set, the :before element has no effect
visibility: hidden;
}
}
}
