Description

I have this set to only apply to medium to large (in between) screen sizes. Added absolute, forced 200px minimum, limited application to md-lg screens because that's where the problem really exists.

Motivation & Context

The dropdown previously was taking over tablet screens. Simply was inefficient use of screen space. I understand the collapse navbar and it's great, but the dropdown forcing the navbar even lower than necessary for nav items was difficult especially as pages get larger. This way the navbar stays somewhat minimal. I didn't think the visual needed to change for small screens, but in hind sight it might look better to use this update on small screens as well. This could mean there is an easier way to implement this.

Type of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Refactoring (non-breaking change)
• Breaking change (fix or feature that would change existing functionality)

Checklist

• I have read the contributing guidelines
• My code follows the code style of the project (using npm run lint)
• My change introduces changes to the documentation
• I have updated the documentation accordingly
• I have added tests to cover my changes
• All new and existing tests passed

Live previews

• https://deploy-preview-41081--twbs-bootstrap.netlify.app/

Related issues

Closes #41049