[Bug]: when editing existing picture details, layout looks broken and is hard to understand

[mnalis]

Summary

due to confusing layout, it is hard to know what icon will edit which data (on details screen of already uploaded image)

Steps to reproduce

1. open the app in default Contributions tab
2. click on one of existing pictures
3. scroll down to the list of details (depicts, categories, etc.) with intent to edit one of them
4. be confused as it is not clear which edit (✏️ ) icon will edit which data

Expected behaviour

it would be immediately visible and clear which edit icon will edit which data

Actual behaviour

1. it is not clear which edit icon will edit which data
   suggestion: add a boxes around items which are in the same "editable group", or at least a horizontal line (this is really the most important suggestion of the three)

2. and also the text relates to same thing is sometimes up or down instead of straight, see e.g.

• Coordinates is at one height, then actual numbers 45.8013N... are somewhat below it, and then edit icon is again somewhat up)

• or on Depictions line, (i) Gavranović maket is again slightly lower

  suggestion: make them always be in exact same vertical alignment

3. edit icon (pencil) is often in completely blank line (or sometimes vertically misaligned, but see (2) for that)
   that makes it extra confusing as it is not clear if it applies to data above or below it. While (1) will make it much better, I would additionally make an extra
   suggestion: put edit icon either at the top line where row description is (i.e. at same height at Depictions, Categories, etc.) or alternatively in the vertical middle of the list displayed (so in example picture below at the same height as category Voltino)

Device name

Samsung Galaxy S23+

Android version

Android 15

Commons app version

6.2.1 (F-droid)

Device logs

No response

Screenshots

Would you like to work on the issue?

None