| ... | ... |
@@ -6,10 +6,10 @@ body:not(.is-act-home) {
|
| 6 | 6 |
|
| 7 | 7 |
|
| 8 | 8 |
.filter-panel-items-container {
|
| 9 |
- justify-content: center; |
|
| 10 | 9 |
align-items: center; |
| 11 | 10 |
gap: .75rem; |
| 12 | 11 |
margin-bottom: 0; |
| 12 |
+ width: 100%; |
|
| 13 | 13 |
|
| 14 | 14 |
@include media-breakpoint-up(md) {
|
| 15 | 15 |
gap: 1.25rem; |
| ... | ... |
@@ -17,10 +17,7 @@ body:not(.is-act-home) {
|
| 17 | 17 |
|
| 18 | 18 |
.filter-panel-item {
|
| 19 | 19 |
margin: 0; |
| 20 |
- |
|
| 21 |
- @include media-breakpoint-down(md) {
|
|
| 22 |
- width: 100%; |
|
| 23 |
- } |
|
| 20 |
+ flex: 1; |
|
| 24 | 21 |
|
| 25 | 22 |
label {
|
| 26 | 23 |
color: $primary; |
| ... | ... |
@@ -33,14 +30,11 @@ body:not(.is-act-home) {
|
| 33 | 30 |
padding-left: 1rem; |
| 34 | 31 |
line-height: 1.75; |
| 35 | 32 |
white-space: nowrap; |
| 36 |
- |
|
| 37 |
- @include media-breakpoint-down(md) {
|
|
| 38 |
- width: 100%; |
|
| 39 |
- text-align: left; |
|
| 40 |
- display: flex; |
|
| 41 |
- align-items: center; |
|
| 42 |
- justify-content: space-between; |
|
| 43 |
- } |
|
| 33 |
+ width: 100%; |
|
| 34 |
+ text-align: left; |
|
| 35 |
+ display: flex; |
|
| 36 |
+ align-items: center; |
|
| 37 |
+ justify-content: space-between; |
|
| 44 | 38 |
|
| 45 | 39 |
i {
|
| 46 | 40 |
margin-left: 1.25rem; |