Report details page layout on tablet (🅼4)

[schlos]

Describe the bug

Report details page on tablet looks awkward:

• images overlap on map
• some page content is hidden behind the map

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior

As per Figma.

Screenshots

Figma (expected):

Desktop (please complete the following information):

• OS: [e.g. Windows]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6] Samsung Galaxy Tab S5e
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context

[schlos]

For comparison, this is how Report details screen looks with different theme cobrand:

[schlos]

Partially fixed with the latest PR:

• Looks better, although text "Sent to Grad Zagreb 4 minutes later" is still partially covered by map (on tablet):

Just for info, this is current look on desktop:
https://snippyly.com/img/?q=FMp7kN397GTz63gcPFr4 (&EDIT=JK2BMiw1yvLnrC2ydYuN)

[schlos]

How to contribute?
Read our contribution guidelines at https://codeforcroatia.org/popravito-contribution-guidelines.

[schlos]

Example of current PROD page with the problem:
https://popravi.to/report/12