From d95fe8ae316ea6d55d8a4c1014c57c34c1ac7826 Mon Sep 17 00:00:00 2001
From: Sean Milburn <seanmilburn1990@gmail.com>
Date: Fri, 1 Nov 2019 09:26:57 +0000
Subject: [PATCH] v1.71.0 -- Updating mediaElement component (#249)

* v1.71.0--updated styles for menuweb

* v1.71.0 -- Added new class for spacing

* added css back in

* added css back in

* Update _media-element.scss

* Update CHANGELOG.md
---
 CHANGELOG.md                            | 11 +++++++++++
 package.json                            |  2 +-
 src/scss/components/_media-element.scss | 12 +++++++++++-
 3 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 53986556..0ec949aa 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,17 @@ 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.71.0
+------------------------------
+*October 30, 2019*
+
+### Changed
+- Styles for `.c-mediaElement-infoLink` and `$mediaElement-img-borderRadius` for menuweb designs
+
+## Added
+- `c-mediaElement--fullstack--negativeTop`
+
+
 v1.70.0
 ------------------------------
 *October 21, 2019*
diff --git a/package.json b/package.json
index 9099a448..8f1f4b77 100644
--- a/package.json
+++ b/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.70.0",
+  "version": "1.71.0",
   "main": "dist/js/index.js",
   "files": [
     "dist/js",
diff --git a/src/scss/components/_media-element.scss b/src/scss/components/_media-element.scss
index 442045d0..f311c69d 100644
--- a/src/scss/components/_media-element.scss
+++ b/src/scss/components/_media-element.scss
@@ -12,7 +12,7 @@
 $mediaElement-img-width         : 50px;
 $mediaElement-img-width--mid    : 78px;
 $mediaElement-img-width--wide   : 67px;
-$mediaElement-img-borderRadius  : 8px;
+$mediaElement-img-borderRadius  : 2px;
 $mediaElement-infoLinkColor     : $blue;
 $mediaElement-fontSize          : base--scaleUp;
 $mediaElement-spacing           : spacing(x2);
@@ -126,6 +126,11 @@ $mediaElement-spacing           : spacing(x2);
             margin-top: spacing(x0.5);
         }
 
+        .c-mediaElement--fullstack--negativeTop & {
+            flex: auto;
+            margin-top: -#{spacing(x2)};
+        }
+
         // some content uses br for content shaping – get rid of it on mobile devices
         & br {
             @include media('<mid') {
@@ -154,6 +159,11 @@ $mediaElement-spacing           : spacing(x2);
         text-decoration: none;
         top: $mediaElement-spacing;
 
+        @include media('>=narrow') {
+            right: $mediaElement-spacing / 2;
+            top: $mediaElement-spacing / 2;
+        }
+
         &:hover {
             text-decoration: underline;
         }