module.less: Fix align of action-bar and sort control

[sukhwinder33445]

fixes #421

[flourish86]

While the exact problem is fixed, the action-bar is still a complete mess, when the column is too narrow. We should fix that, when we're currently working on the module.

Please decide for yourself, if you want to fix it in this PR or create another one.

I'd suggest the following:

• Use the regular font-size (1em)
• Prevent labels (plus icons) from line breaks
• Ellipsisize labels, when too narrow
• Add title for making ellipsisized label content accessible
• Use proper spacing between element rows, when the flex-container wraps

See Icinga DB Web's quick action bar for reference.

[sukhwinder33445]

I have fixed it according to your suggestions, except for the following:

• The regular font size looks too small here, so I left it as it is.
• Ellipsisize is not required, as the labels are small.

[flourish86]

Thanks so far.

Please remove the font-size attribute in line 13 (see in line comment).

As for the line-breaks. You are right, the flex wrap happens before the line-break. So that's fine.

[nilmerg]

• please apply the right margin of the last item and the overall bottom margin to the container, not the items.
• the first item should not have a left margin

outdated