Ugly formatting on mobile

[bilogic]

Description

The commit page looks bad on mobile

1. Perhaps prefix the ❌ icon rather than suffix
2. Perhaps put the 2 buttons Browse source and Operations on a new line when in mobile

Screenshots

Gitea Version

1.22.6 built with GNU Make 4.4.1, go1.22.10 : bindata, timetzdata, sqlite, sqlite_unlock_notify

Can you reproduce the bug on the Gitea demo site?

Yes

Operating System

No response

Browser Version

Version 131.0.6778.265 (Official Build) (64-bit)

[lunny]

Can you test https://demo.gitea.com or v1.23.1?

[bilogic]

thanks for getting back, demo looks good, but I'm not sure how to make operations and the ❌ icon appear

[bilogic]

Upon closer inspection of https://demo.gitea.com/lunny/qmk_firmware-mirror/commit/35c652056073af84577d5a1cb6729ea262f2075e,

1. Green boxes Browse Source and commit ... are the same link
2. How about putting yellow on top of red and remove Browse Source?
3. That should make Operations look better and maybe just need to make decision whether to prefix the ❌ icon

[bilogic]

Or at a higher level, make the 2 red boxes more consistent in structure, and replace Operations with the 3 dot icon