From d314f07887a1ab25efea4279dcbb7ad851b81bc3 Mon Sep 17 00:00:00 2001
From: Rohan Mitchell <rohan@rohanmitchell.com>
Date: Tue, 17 Nov 2015 13:51:01 +1100
Subject: [PATCH] Use flexbox to more neatly lay out order cycle products

---
 app/assets/stylesheets/admin/openfoodnetwork.css.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/admin/openfoodnetwork.css.scss b/app/assets/stylesheets/admin/openfoodnetwork.css.scss
index 4dff14cf00..1cafa82e5d 100644
--- a/app/assets/stylesheets/admin/openfoodnetwork.css.scss
+++ b/app/assets/stylesheets/admin/openfoodnetwork.css.scss
@@ -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;