Improve commit list/view on mobile

[Gusted]

• This is a continuation on the work I've done for improving mobile experience on Gitea.
• The current behavior of going trough the commits list is horrible, each individual item gets it's own row and thereby isn't quite compact as it should be on mobile. The commit view's header is in a bit better state, it's quite only that content is overlapping each other.
• This patch fixes those problems. Each row in the commit list table will actually take a row in the UI. The commit view's header has now a better organized way of placing the information.

Before

After

[codecov-commenter]

Codecov Report

Merging #19712 (06beba8) into main (59b30f0) will decrease coverage by 0.06%.
The diff coverage is 43.13%.

@@            Coverage Diff             @@
##             main   #19712      +/-   ##
==========================================
- Coverage   47.39%   47.33%   -0.07%     
==========================================
  Files         956      958       +2     
  Lines      133115   133595     +480     
==========================================
+ Hits        63093    63235     +142     
- Misses      62393    62695     +302     
- Partials     7629     7665      +36     

Impacted Files	Coverage Δ
cmd/hook.go	7.11% <0.00%> (ø)
cmd/serv.go	2.33% <0.00%> (ø)
cmd/web_acme.go	0.00% <0.00%> (ø)
models/error.go	35.87% <ø> (-0.90%)	⬇️
models/org.go	62.99% <0.00%> (ø)
models/statistic.go	0.00% <0.00%> (ø)
modules/context/permission.go	26.08% <0.00%> (ø)
modules/convert/issue_comment.go	41.86% <0.00%> (ø)
modules/doctor/dbconsistency.go	4.54% <0.00%> (-0.52%)	⬇️
modules/git/repo_compare.go	65.19% <0.00%> (-1.78%)	⬇️
... and 134 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 761d4f4...06beba8. Read the comment docs.

[delvh]

Seems fine.
The only thing I noticed is:
Do we perhaps still want to display the (un)verified icon when present?
That is so small that it can fit even into such a small screen and lets users know whether to trust this commit.

[Gusted]

Hmm not sure where to place such item, but definitely a good addition to still have the icon.

[delvh]

I can see two options for that:
a) Directly after the author and before the commit title
b) Directly after the commit title and before the commit date

Which one do you prefer? Or did I miss an option?

[Gusted]

I think b makes the most sense logically.

[wULLSnpAXbWZGYDYyhWTKKspEQoaYxXyhoisqHf]

I appreciate the work done in this PR and on improving the mobile UX overall.
One question, though: won't it be confusing to users (such as myself) used to seeing commit hashes along with commit messages when suddenly (ref img After-1) there's just commit messages left and it's necessary to click to see the actual hash as well as commit signing status, that is visually indicated by the colour of the frame around the commit message that's now hidden..?
I wish I could bring this up before this was merged but hey, no biggie, just a thought.

[Gusted]

One question, though: won't it be confusing to users (such as myself) used to seeing commit hashes along with commit messages when suddenly (ref img After-1) there's just commit messages left and it's necessary to click to see the actual hash as well as commit signing status, that is visually indicated by the colour of the frame around the commit message that's now hidden..?

The commit hash is simply too long to be shown on a screen where horizontal space is very limited. In my viewpoint, I never really use the commit hash from such list unless I want to have a commit hash from a specific commit(which is now on mobile one more click away). Yeah I wanted to some work on commit signing status but got stalled by school, but now it's already merged 🤷🏽.

[wULLSnpAXbWZGYDYyhWTKKspEQoaYxXyhoisqHf]

The commit hash is simply too long to be shown on a screen where horizontal space is very limited. In my viewpoint, I never really use the commit hash from such list unless I want to have a commit hash from a specific commit(which is now on mobile one more click away).

understood, that's fair, I guess it can get used to. mobile is not a workstation anyway (convergence yay)..

Yeah I wanted to some work on commit signing status but got stalled by school, but now it's already merged 🤷🏽.

oh..it's fine then, really. perhaps another time?
thanks for the improvements anyway.