From c33a84d6d10e04aaa94d0c8e83d07a92fc484cbb Mon Sep 17 00:00:00 2001 From: Parag Chavare Date: Tue, 22 Jan 2019 17:49:41 +0530 Subject: [PATCH] Fixed-Product-page-tabbing-content-misalignment-in-mobile-view :: Product Page tabbing Content Misaligned in mobile view --- .../Magento/blank/web/css/source/_sections.less | 8 ++++++++ .../Magento/luma/web/css/source/_sections.less | 13 +++++++++++++ 2 files changed, 21 insertions(+) diff --git a/app/design/frontend/Magento/blank/web/css/source/_sections.less b/app/design/frontend/Magento/blank/web/css/source/_sections.less index f0a3518c92a8b..25f8c71f22dd5 100644 --- a/app/design/frontend/Magento/blank/web/css/source/_sections.less +++ b/app/design/frontend/Magento/blank/web/css/source/_sections.less @@ -34,5 +34,13 @@ .data.item { display: block; } + .item.title { + >.switch{ + padding: 1px 15px 1px; + } + } + >.item.content{ + padding: 10px 15px 30px; + } } } diff --git a/app/design/frontend/Magento/luma/web/css/source/_sections.less b/app/design/frontend/Magento/luma/web/css/source/_sections.less index 73665fd22da23..38b936c83cb95 100644 --- a/app/design/frontend/Magento/luma/web/css/source/_sections.less +++ b/app/design/frontend/Magento/luma/web/css/source/_sections.less @@ -75,3 +75,16 @@ } } } + +.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { + .product.data.items{ + .item.title { + >.switch{ + padding: 1px 15px 1px; + } + } + >.item.content{ + padding: 10px 15px 30px; + } + } +}