From 20138df99c29aa19617ae83f74d076534e519bac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bjo=CC=88rn=20Fromme?= <mail@bjo3rn.com>
Date: Tue, 9 Oct 2018 18:49:36 +0200
Subject: [PATCH] Avoid badge image overlaying content

---
 .../ep_theme/Resources/Private/Assets/scss/_product.scss    | 6 ++++++
 .../Resources/Private/Partials/Product/HeaderDetail.html    | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_product.scss b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_product.scss
index 25cc5dec..10f91cfd 100644
--- a/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_product.scss
+++ b/web/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/_product.scss
@@ -36,6 +36,12 @@
         .content{
             padding:17px 15px;
             background-color:$typoWhite;
+            &.has-badge {
+              padding-right: 75px;
+              @include mq($from: tablet) {
+                padding-right: 15px;
+              }
+            }
         }
         .flag{
             margin:15px 15px 0 0;
diff --git a/web/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html b/web/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html
index 3ff8f2dd..3d070bfd 100644
--- a/web/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html
+++ b/web/typo3conf/ext/ep_theme/Resources/Private/Partials/Product/HeaderDetail.html
@@ -19,7 +19,7 @@
         <div class="head">
             {product.concept.name}
         </div>
-        <div class="content">
+        <div class="content{f:if(condition: '{settings.showSkipassBadge} && {product.skipassIncluded}', then: ' has-badge')}">
             <span class="headline headline--3">{product.name}{f:if(condition: product.subline, then: ' {product.subline}')}</span>
             <span>{product.region.name}</span>
         </div>