Detail buttons overlapping

[tomwassenberg]

On iOS, the buttons in a photo's detail view are overlapping. Example (from Firefox, but all iOS browsers use the same rendering engine):

[duijf]

Thanks for reporting. This is to the use of CSS grid an having left and right buttons. This happens on all screens which are narrower than a certain font size.

How would you like to see this fixed? Options I can see:

• Decrease font size
• Horizontal scrolling
• Hamburger menu (would require JS)
• Icons only
• Move back to album button somewhere else on the page

Something else?

[tomwassenberg]

Icons only

This could work, although the icon for "back to album" isn't very clear to me.

Alternatively, the prev/next buttons are quite big, so maybe their size could be reduced a little, so there's more horizontal space for the other buttons.

[duijf]

I've hidden the report button in https://github.com/svsticky/pxl/commit/eb30074c685f05ed7815e811467b228998adee4f temporarily since we didn't implement it anyway