bossfights container change

[Dorian-Grim]

The html targeted

https://github.com/Ridepad/uwu-logs/blob/cc91499a99bf0c06053ed42f832459d0fbac82b3/templates/layout_report.html#L30

Description

Currently the behavior of this element makes the user to move mouse to the left to reach his desired boss fight. Making him move mouse a lot also with the risk of accidentally hiding the fight container if he hovers out

• Demo of current behavior:
• Also on mobile device it's kind of bugged because it overlaps:

Proposed solution fix in PR #8

The fix involves stripping down some css which was enabling the old behavior. It will also improve navigation speed when user wants to quickly go to certain boss and certain fight.

• Example desktop/mobile:

• Example of navigation:

• Also I'm adding a 80vh to the container and a scrollbar for when it's overflown. Example:

• and visual indication of each expansion. Example:

Demo:

[Dorian-Grim]

Merging with PR #8 will implement the demo