stylesheet: fix clickable area of dropdown items

This commit is contained in:
Pierre de La Morinerie 2019-03-28 13:57:07 +01:00
parent 75c37e25f6
commit 48b89062c8

View file

@ -201,7 +201,7 @@
.dropdown-items { .dropdown-items {
li { li {
display: flex; display: flex;
padding: 2 * $default-spacer; padding: $default-padding;
color: $grey; color: $grey;
border-bottom: 1px solid $border-grey; border-bottom: 1px solid $border-grey;
font-size: 12px; font-size: 12px;
@ -226,10 +226,17 @@
} }
a { a {
display: flex;
color: $grey; color: $grey;
} }
// Make child links fill the whole clickable area
> a {
display: flex;
flex-grow: 1;
margin: -$default-padding;
padding: $default-padding;
}
.icon { .icon {
flex-shrink: 0; flex-shrink: 0;
} }