diff --git a/src/Resources/app/storefront/src/scss/_product-details.scss b/src/Resources/app/storefront/src/scss/_product-details.scss index 80ccef1..2e31cab 100644 --- a/src/Resources/app/storefront/src/scss/_product-details.scss +++ b/src/Resources/app/storefront/src/scss/_product-details.scss @@ -78,7 +78,6 @@ } .product-detail-properties-table { - font-size: 1rem; .properties-label { @@ -88,16 +87,29 @@ } td, th { - padding: .25rem .75rem; + padding: .25rem; + @include media-breakpoint-up(md) { + padding: .25rem .75rem; + } + } + + th { + word-break: keep-all; + } + td { + word-break: normal; } } .product-detail-price-container { - float: left; display: flex; align-items: center; margin-bottom: 0.5rem; margin-right: 2rem; + + @include media-breakpoint-up(md) { + float: left; + } } .product-detail-price { diff --git a/src/Resources/app/storefront/src/scss/base.scss b/src/Resources/app/storefront/src/scss/base.scss index 8d034b8..779e391 100644 --- a/src/Resources/app/storefront/src/scss/base.scss +++ b/src/Resources/app/storefront/src/scss/base.scss @@ -37,6 +37,7 @@ strong { padding-bottom: 0; .delivery { + padding: 1rem 0; margin: 0; font-size: 15px; } @@ -190,6 +191,12 @@ strong { } } + .header-cart-total { + @include media-breakpoint-down(md) { + display: none; + } + } + } @include media-breakpoint-up(md) { @@ -226,6 +233,10 @@ strong { .nav-link { font-size: inherit; } + + @include media-breakpoint-down(lg) { + padding: 0; + } } .navigation-offcanvas button.offcanvas-close {