Responsive design/display issues and overall layout of Loadout in tarkov.dev/players/* page #1000
Description
Been using the player search tool recently and while it does add another dimension to everything else that's provided by tarkov.dev, I've noticed the Loadout section of a unique tarkov.dev/players/* page is a little jarring to look at, especially on smaller screens.
There seems to be no uniformity between the image sizes, the containers grow depending on sibling elements (creating alot of negative space in the containers), as well as horizontal scrolling not functioning at all (other sections on the page such as Raid Stats, Achievements, Skills, etc. shrink to fit on the screen and overflow is viewable via side scrolling ). The overflow from the Loadout section causes ALOT of dead space on the right side of the page...
It gets especially bad with a full loadout...
And then just a overall UX gripe. What am I looking at here? No labels for equipment slots, just a bunch of div elements...
And that's not to mention certain slots can be clicked to show items contained within, via dropbox. Clicking on the primary weapon for example will show all associated weapon attachments, which in turn may contain MORE dropboxes depending on which attachment is clicked, shifting the content further down the page and exacerbating the issues I mentioned in paragraph two.
Would love to see an overhaul of this particular element so it conforms to the rest of the page and is somewhat pleasing to look at. Willing to take a crack at it as well. Obviously my ideas for changes are subjective so can post some progress here to see if the changes are looking good.
Thanks!