resized the sidemenu buttons so they're the same#112
Conversation
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: cf77bead65
ℹ️ About Codex in GitHub
Codex has been enabled to automatically review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
When you sign up for Codex through ChatGPT, Codex can also answer questions or update the PR, like "@codex address that feedback".
| .sidebar .nav-link.expanded { | ||
| border-radius: 25px; | ||
| width: auto; | ||
| min-width: 160px; | ||
| padding: 0 20px; | ||
| width: 190px; | ||
| min-width: 190px; | ||
| max-width: 190px; | ||
| min-height: 54px; |
There was a problem hiding this comment.
Avoid fixed width that breaks mobile override
The expanded nav buttons are now hard-set to width/min/max: 190px, but the responsive rule at the end of this file only adjusts min-width/padding for .nav-link.expanded at max-width: 768px. Because width remains 190px, the mobile override can’t actually shrink the button, so on narrow viewports the expanded buttons will still be 190px wide and can overflow a narrower sidebar. Consider letting width be auto (as before) or explicitly overriding width/max-width in the media query.
Useful? React with 👍 / 👎.
before

after
