Permalink
Browse files

Fix iOS/Safari flex flow

  • Loading branch information...
1 parent c0cc44a commit d889adec891f0b0c8f27ce2fd49450d802c1d2b0 @Flassari committed Mar 15, 2016
Showing with 3 additions and 2 deletions.
  1. +3 −2 app/style.scss
View
@@ -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;

0 comments on commit d889ade

Please sign in to comment.