The dev site at
https://tasvideos.mistflux.net/ has been updated to reflect a series of UI improvements from myself and Masterjun based on the feedback here. Please use Incognito mode to view the changes or hard reload to clear cached styles (ctrl+shift+R in Chrome).
List of Relevant Changes
Site Upgraded from Bootstrap 4 to 5
New default fixed width container size fixes many concerns listed about the container width being too small
Hosting moved back to their CDN and Bootstrap 5's code is generally faster/smaller
Enables a path to dropping dependence on jQuery as bootstrap 5 no longer uses it
Enables a cleaner implementation of dark mode (coming soon) using native CSS Content Properties
Forum
Forum usernames centered properly
Forum poster roles only wrap at the start of new role names
Spacing is improved below/above avatar images in the forum
Award art scales better due to responsive sizes
User homepage info background and text should have better contrast
Submissions and Publications
h1 header and card header text is no longer duplicated
The header's font should be sized more consistently with the rest of the site
Obsoleted movie warnings fixed to fit inside their container and have a background color
Submission Console/Game Version/etc now have consistent capitalization, avoid using the label element with no corresponding form/input, and have better spacing
The publication page has been completely redesigned by Masterjun
Frontpage
All remaining tables have been fixed to not overflow the page width on mobile (this is a hotfix pending redesign of tables using grid or flexbox).
The Site banner and logo have been recreated and separated thanks to work from myself and feos
This in turn allowed the Mega Man logo icon in the banner to now scale more cleanly using responsive sizes, as well as be repositioned as needed for mobile/desktop
Tier Icons like Stars/Moons/Console Verified have been given responsive sizes for cleaner scaling
Known issues
Site news on homepage has extra left margin on mobile
A few headings like the main forum heading need a container or margins on mobile
Improvements are pending to make individual forum posts less cluttered on mobile
Dark mode is coming soon
Please follow the instructions at the top of the post for further feedback and thanks for all your help with feedback so far!
TiKevin83