Fix iOS/Safari flex flow

Flassari · Mar 15, 2016 · d889ade · d889ade
1 parent c0cc44a
commit d889ade
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/app/style.scss b/app/style.scss
@@ -17,10 +17,11 @@ body {
 }
 
 .recipeListItem {
-	min-width: 164px;
+	$minWidth: 164px;
+	min-width: $minWidth;
 	max-width: 220px;
 	height: 200px;
-	flex: 1;
+	flex: 1 0 $minWidth; // Just 'flex: 1' will break wrapping on iOS.
 	background: $recipeBackgroundColor;
 	text-align: center;
 	margin: 4px;