raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-02-11 23:17:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use flexbox to more neatly lay out order cycle products

Browse Source
This commit is contained in:
Rohan Mitchell
2015-11-17 13:51:01 +11:00
parent 2efaedc225
commit d314f07887
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/assets/stylesheets/admin/openfoodnetwork.css.scss
View File

@@ -75,8 +75,13 @@ form.order_cycle {
margin: 5px;
}
.exchange-products {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
.exchange-product {
float: left;
overflow: auto;
width: 18%;
min-height: 7.5em;
@@ -87,6 +92,7 @@ form.order_cycle {
.exchange-product-details {
clear: both;
margin-bottom: 1em;
min-height: 6em;
.supplier {
font-weight: bold;