Kris 553a8851ab
UX: left-align dropdown menu button text (#31198)
When dropdown button text wraps onto multiple lines, it's centered. It
should be left-aligned instead.

Before: 

<img
src="https://github.com/user-attachments/assets/64db1e0c-8dc0-4e26-8b07-fea938498f80"
width="250"/>

After:

<img
src="https://github.com/user-attachments/assets/7f4c1795-291a-4772-bdb0-f848f3904aa4"
width="250"/>
2025-02-05 12:43:13 -05:00

21 lines
260 B
SCSS

.dropdown-menu {
padding: 0;
margin: 0;
&__item {
list-style: none;
.btn {
padding: 0.65rem 1rem;
width: 100%;
justify-content: flex-start;
text-align: left;
}
}
&__divider {
margin: 0;
height: 0;
}
}