code4romania / rezultate-vot-client

https://rezultatevot.ro
Mozilla Public License 2.0
5 stars 12 forks source link

[2024 FE] Fix responsiveness issues for results pages #148

Open overeha opened 4 months ago

overeha commented 4 months ago

The breaking points set currently cause many display issues on smaller screens. The Results tab in every election displays the main parties that have received votes. because of the lengthy names on smaller screens the display names rearrange chaotically.

Please change the values of the breaking points in order to have only the two first parties displayed in full, and the rest of the parties displayed below the graph on all tablets and display just the first party on mobile devices. See images below for desired outcome.

Current issue: Screenshot 2024-06-04 at 11 40 00

Screenshot 2024-06-04 at 11 45 23

Desired outcome: Tablet: Screenshot 2024-06-04 at 11 44 09

Mobile: Screenshot 2024-06-04 at 11 44 47