diff --git a/packages/TPS/Shop/publishable/assets/styles/product.css b/packages/TPS/Shop/publishable/assets/styles/product.css index 8163771e7..32e747fde 100644 --- a/packages/TPS/Shop/publishable/assets/styles/product.css +++ b/packages/TPS/Shop/publishable/assets/styles/product.css @@ -132,7 +132,7 @@ display: grid; align-items: center; grid-template-columns: 1fr 1fr; - gap: 3rem; + gap: 1.6rem; } .lower-section tbody tr:nth-child(2n - 1) { @@ -145,6 +145,7 @@ flex-wrap: wrap; gap: 0.5rem; font-size: 1.4rem; + padding: 1.6rem 0.8rem; } .lower-section tbody tr td:first-child { @@ -153,7 +154,7 @@ font-size: 1.4rem; text-transform: uppercase; font-weight: bold; - padding: 1.6rem; + /* padding: 1.6rem; */ } .move-down-button, @@ -214,14 +215,10 @@ } .upper-section-middle-header-top { - display: -webkit-box; - display: -moz-box; - display: -ms-flexbox; - display: -webkit-flex; display: flex; - flex-direction: column; - align-items: flex-start; - /*margin-bottom: 3rem;*/ + align-items: center; + justify-content: space-between; + gap: 0.8rem; } .header-title { @@ -235,7 +232,7 @@ width: 10rem; } .header-char-section { - margin-top: 2rem; + /* margin-top: 2rem; */ } .header-logo img { width: 100%; @@ -455,11 +452,11 @@ input.quantity { border-radius: 0.5rem; padding: 1.3rem 0; font-size: 1.4rem; - margin-bottom: 2rem; cursor: pointer; } .add-to-cart { + margin-bottom: 1.6rem; background: #c5000e; color: #fff; } @@ -512,7 +509,7 @@ input.quantity { display: -webkit-flex; display: flex; flex-direction: column; - margin-top: 8rem; + margin-top: 4.8rem; } .button-rating { margin-top: 4rem; @@ -686,6 +683,10 @@ input.quantity { line-height: 2.5rem; } +.lower-section-content p { + font-size: 1.6rem; +} + .lower-section-content-wrapper:not(:last-child) { margin-bottom: 2.4rem; } @@ -759,7 +760,7 @@ input.quantity { transition: all 100ms ease-in-out; } .lower-section { - padding-bottom: 10rem; + padding-bottom: 4.8rem; } .comment-text { @@ -1068,6 +1069,13 @@ input.quantity { } } +@media screen and (max-width: 680px) { + .header-title, + .item-gallery-price-new { + font-size: 2rem; + } +} + @media screen and (max-width: 650px) { .bar-slider.animated { left: 11.6rem; @@ -1083,7 +1091,7 @@ input.quantity { } .lower-section-content-container { - height: 30rem; + height: 40rem; overflow-y: auto; overflow-x: hidden; } @@ -1104,7 +1112,7 @@ input.quantity { .add-to-cart, .order-now { - max-width: 18rem; + /* max-width: 18rem; */ padding: 1.6rem; } @@ -1228,11 +1236,14 @@ input.quantity { padding: 1rem 0; } */ - .add-to-cart, - .order-now { + .add-to-car { padding: 1.3rem 0; } + .order-now { + margin: 0; + } + .upper-section-right-top { padding-bottom: 4rem; } diff --git a/packages/TPS/Shop/publishable/assets/styles/style.css b/packages/TPS/Shop/publishable/assets/styles/style.css index ada2e9dc6..29cd268d0 100644 --- a/packages/TPS/Shop/publishable/assets/styles/style.css +++ b/packages/TPS/Shop/publishable/assets/styles/style.css @@ -72,8 +72,11 @@ body::-webkit-scrollbar { /* GENERAL STYLING end ======================================= */ /* LOGIN/SIGNUP ==============================================*/ +.item-gallery-inner:first-child { + /* padding-bottom: 6rem; */ + padding-top: 4.8rem; +} .item-gallery-inner { - padding-bottom: 6rem; } .sign-up-exit-img { @@ -1406,6 +1409,7 @@ button.nav-link { -ms-flex-align: center; -webkit-align-items: center; align-items: center; + padding-top: 1.8rem; } .slider2, @@ -1426,7 +1430,7 @@ button.nav-link { padding: 3rem 0; display: flex; flex-direction: column; - gap: 3rem; + gap: 4.8rem; } .item-gallery a { @@ -1665,6 +1669,7 @@ button.nav-link { /* PRE-FOOTER =======================*/ .pre-footer { + margin-top: 4.8rem; background: #f2f2f2; } @@ -1928,6 +1933,7 @@ button.nav-link { -ms-flex-align: center; -webkit-align-items: center; align-items: center; + padding: 2.4rem 0; } .footer-bottom { @@ -1935,7 +1941,8 @@ button.nav-link { padding: 2rem 0; } -.footer-bottom-text { +.footer-bottom-text, +.footer-bottom-text a { font-size: 1.6rem; color: #fff; } @@ -2408,11 +2415,11 @@ button.nav-link { height: 2.4rem; } -.no-comments a:hover { +.no-comments button:hover { background: #a7000b; transition: 0.3s all ease; } -.no-comments a span { +.no-comments button { font-size: 1.8rem; } .no-comments p { @@ -2422,7 +2429,7 @@ button.nav-link { margin-bottom: 4rem; } -.no-comments a { +.no-comments button { font-size: 1.8rem; cursor: pointer; border: none; @@ -2435,9 +2442,10 @@ button.nav-link { width: 100%; padding: 1.6rem 2rem; } -.no-comments a.inactive { +.no-comments button:disabled { /* pointer-events: none; */ cursor: not-allowed; + font-size: 1.6rem; color: #000; background: #f2f2f2; } @@ -2931,6 +2939,9 @@ button.nav-link { } @media screen and (max-width: 680px) { + .download-text-bright { + font-size: 1.6rem; + } .item-gallery { padding-top: 6rem; } @@ -2966,7 +2977,7 @@ button.nav-link { } .item-gallery-wrapper { - gap: 2rem; + gap: 1.6rem; } .footer-title-wrapper { @@ -2978,6 +2989,7 @@ button.nav-link { justify-content: space-between; z-index: 200; cursor: pointer; + position: relative; } .footer-title-arrow { @@ -3021,12 +3033,9 @@ button.nav-link { font-size: 1.2rem; } - .item-gallery-price-old { - font-size: 1.6rem; - } - + .item-gallery-price-old, .item-gallery-price-new { - font-size: 1.8rem; + font-size: 1.6rem; } .item-gallery-discount-text { @@ -3167,9 +3176,9 @@ button.nav-link { font-size: 2.4rem; } - .item-gallery-block:nth-last-child(2n) { + /* .item-gallery-block:nth-last-child(2n) { display: none; - } + } */ .pre-footer-email button { padding: 1.4rem 1rem; @@ -3190,8 +3199,7 @@ button.nav-link { } */ .item-gallery-cart button { - padding-left: 5rem; - padding-right: 5rem; + padding: 0 1rem; } }