From 2517ff0cd0c3351d122b287e502f75e5ef15dfca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <mail@bjo3rn.com>
Date: Fri, 27 Sep 2019 13:40:12 +0200
Subject: [PATCH] Improve size and position of custom badge in mobile view

---
 .../Resources/Private/Assets/scss/remix/_badges.scss     | 2 +-
 .../Resources/Private/Assets/scss/remix/_product.scss    | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_badges.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_badges.scss
index 5d1fdc8e..2d41fcb5 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_badges.scss
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_badges.scss
@@ -80,7 +80,7 @@
   display: block;
   text-transform: uppercase;
   font-weight: 700;
-  font-size: 12px;
+  font-size: 2vw;
   line-height: 1;
   padding-bottom: 4px;
 
diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_product.scss b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_product.scss
index 686cf0bd..1da5850a 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_product.scss
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/remix/_product.scss
@@ -61,10 +61,16 @@
 .product-header__badge {
   position: absolute;
   display: block;
-  @include size(100px);
+  @include size(80px);
   top: 0;
   right: 64px;
 
+  &--custom {
+    top: auto;
+    bottom: 0;
+    right: 110px;
+  }
+
   &--skipass {
     width: 75px;
     height: auto;
@@ -84,6 +90,7 @@
     @include size(180px);
 
     &--custom {
+      bottom: auto;
       top: 36px;
       right: 20%;
     }