v1.77.0 - Update orderCard styling for your Favourites experiment (#259)

* v1.77.0 - Update orderCard styling for your Favourites experiment

* Feedback

CHANGELOG.md

@@ -4,6 +4,13 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html)
 
 
+v1.77.0
+------------------------------
+*December 3, 2019*
+
+### Changed
+- OrderCard styling for Your Favourites Experiment
+
 v1.76.2
 ------------------------------
 *November 29, 2019*

package.json

@@ -2,7 +2,7 @@
   "name": "@justeat/fozzie",
   "title": "Fozzie – Just Eat UI Web Framework",
   "description": "UI Web Framework for the Just Eat Global Platform",
-  "version": "1.76.2",
+  "version": "1.77.0",
   "main": "dist/js/index.js",
   "files": [
     "dist/js",

src/scss/components/optional/_order-card.scss

@@ -39,6 +39,14 @@ $previousOrder-hoverBoxShadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16), -2px -2px 4px 0
             text-decoration: none;
             color: $grey--mid;
         }
+
+        .c-orderCard-yourFavourites {
+            min-height: 200px;
+
+            @include media('>=mid') {
+                min-height: 240px;
+            }
+        }
     }
 
     .c-orderCard--inactive {
@@ -74,6 +82,10 @@ $previousOrder-hoverBoxShadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16), -2px -2px 4px 0
             width: 100%;
         }
 
+        .c-orderCard-yourFavourites {
+            height: auto;
+        }
+
         &:after {
             content: '';
             width: 100%;
@@ -151,6 +163,10 @@ $previousOrder-hoverBoxShadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16), -2px -2px 4px 0
         flex: 1 0 auto;
         display: flex;
         flex-direction: column;
+
+        .c-orderCard-yourFavourites {
+            padding: spacing() spacing(x2);
+        }
     }
 
     .c-orderCard-content--defaultMessage {