[QA] Buttons for managing custom groups do not aling to browser size

[mmattel]

The three buttons on top right should align properly dependent on frame window size.

It only shows correct, three buttons in a row, when on full screen...

The current layout is fixed and breakes the button Import as CSV. This is really bad UI.

Guessing that no code change is needed, but some CSS adoption.

@JammingBen @DeepDiver1975 maybe you can have a look on @jnweiger @GeraldLeikam @pmaier1 fyi

[jnweiger]

The above is a UI glitch happening at ca. 1200 px width, not a release blocker IMO Not a regression - also seen with customgroups 0.6.2

When we further narrow the screen, e.g. below ca 600 pixels width, the collapsed left hand side burger menu is overlayed with text.

---

Other (unrelated UI glitches) just in case....

On a 5" mobile phone in portrait mode it becomes quite hard the above looks like this. (Not that bad, actually :-) )

But reaching for the trahsbin icon becomes challenging:

• first, you have to guess where it is, (and every sligtly wrong click opens the edit overlay)
• second, you need a very sharp fingertip to activate it once it is unhidden, (otherwise you again open the edit overlay)

Expected behaviour:

• trashbin icon is always visible,
• trashbin icon has a reasonably large area to click.

[jnweiger]

Confirmed fixed in customgroups-0.7.1-rc.1

But then a scrollbar appeared floating in mid air, overlayed on the buttons, when the vertical space became to little....

[mmattel]

At least the horizontal "standard" issue breaking the button is gone which was eye catching ugly.

More improvements are welcomed, but agreed that this should be done if effords are not that high.