redlib icon indicating copy to clipboard operation
redlib copied to clipboard

Fix a whole bunch of styling bugs

Open ButteredCats opened this issue 1 year ago • 2 comments

In no particular order this fixes:

  • Subreddit info overflowing on very small screens
  • Posts having an odd right side gap shortly before swapping to the mobile layout
  • The searchbox having a small gap on the right at and below 800px
  • The sort submit button on user profile being too short at and below 480px (new bug introduced in 410872d988c029373e614ad56c20615a75565740)
  • The search bar becoming scrollable slightly before swapping to the new mobile layout (new bug introduced in 410872d988c029373e614ad56c20615a75565740)
  • Fixed and unfixed navbar options having differently spaces gaps between the content and the navbar
  • Up/downvote numbers overflowing their container when in the extra small mobile layout
  • redlib-org#172
  • Search box being slightly skewed offcenter
  • Post flair not lining up with title text
  • Post flair position being inconsistent between feed and inside of post (in the feed it was before the title, in the post it was after, now it appears in front in both)
  • Slight vertical misalignments with text in the footer
  • The footer text being off center in mobile mode
  • The feeds button not appearing on the settings page, changing the size of the header
  • Extra navbar padding on search page

It also removes an unused option for the mobile layout below 480px.

~~I plan on trying to tackle the odd gaps some pages have when the fixed navbar is enabled but it was becoming to chaotic to try and manage adding these on top of adding that.~~ Added!

ButteredCats avatar Jul 26 '24 16:07 ButteredCats

Currently double checking everything and cleaning up any oddities I encounter, I'll leave another comment when all is good!

ButteredCats avatar Jul 26 '24 18:07 ButteredCats

Alright, I think that's all I've found that needed fixing. Tested it all in both Firefox and Google Chrome in desktop and mobile modes and all seems fine.

ButteredCats avatar Jul 26 '24 22:07 ButteredCats

Thank you so much for this big PR! Never been good with CSS so fixing this was out of my depth but I've run into a number of these before.

sigaloid avatar Sep 05 '24 15:09 sigaloid