diff --git a/app/webpacker/css/admin/products_v3.scss b/app/webpacker/css/admin/products_v3.scss index 45d0f4fb5d..d138376ac1 100644 --- a/app/webpacker/css/admin/products_v3.scss +++ b/app/webpacker/css/admin/products_v3.scss @@ -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 {