mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-02-26 01:33:22 +00:00
Use grid instead of flex in order to be more fixed and less flexible ;)
This commit is contained in:
@@ -94,8 +94,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
#sort,
|
||||
#filters {
|
||||
#sort {
|
||||
margin-bottom: 1em;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
@@ -115,8 +114,12 @@
|
||||
}
|
||||
|
||||
#filters {
|
||||
gap: 20px;
|
||||
align-items: flex-end;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, 1fr);
|
||||
grid-template-rows: 1fr;
|
||||
grid-column-gap: 20px;
|
||||
align-items: end;
|
||||
margin-bottom: 20px;
|
||||
|
||||
.producers,
|
||||
.categories {
|
||||
@@ -127,16 +130,15 @@
|
||||
}
|
||||
|
||||
.query {
|
||||
flex-grow: 1;
|
||||
grid-column: 1 / span 3;
|
||||
}
|
||||
|
||||
.producers,
|
||||
.categories {
|
||||
flex-grow: 0;
|
||||
}
|
||||
|
||||
.submit {
|
||||
flex-grow: 0;
|
||||
grid-column: 6 / span 1;
|
||||
}
|
||||
|
||||
.query {
|
||||
|
||||
Reference in New Issue
Block a user