diff --git a/src/components/BasketItem/BasketItem.scss b/src/components/BasketItem/BasketItem.scss index d7f061917e..c9ca62293a 100644 --- a/src/components/BasketItem/BasketItem.scss +++ b/src/components/BasketItem/BasketItem.scss @@ -17,6 +17,10 @@ @media (min-width: 600px) { flex-direction: row; } + @media (min-width: 1090px) { + justify-content:baseline; + gap: 12px; + } } &__main-info { diff --git a/src/components/ProductList/ProductsList.scss b/src/components/ProductList/ProductsList.scss index 6780b4a489..046e2bf171 100644 --- a/src/components/ProductList/ProductsList.scss +++ b/src/components/ProductList/ProductsList.scss @@ -144,4 +144,4 @@ &__not-found { height: calc(100vh - 185px); } -} \ No newline at end of file +} diff --git a/src/components/ProductPage/ProductPage.scss b/src/components/ProductPage/ProductPage.scss index b9a4403b07..2a5d5c28f2 100644 --- a/src/components/ProductPage/ProductPage.scss +++ b/src/components/ProductPage/ProductPage.scss @@ -51,9 +51,17 @@ font-size: 12px; text-decoration: none; } + + &__block { + display: flex; + align-items: center; + gap: 8px; + } } .main { + min-height: calc(100vh - 185px); + &__head { display: flex; justify-content: space-between; diff --git a/src/components/ProductPage/ProductPage.tsx b/src/components/ProductPage/ProductPage.tsx index 169f6af2cc..e4ef7f0935 100644 --- a/src/components/ProductPage/ProductPage.tsx +++ b/src/components/ProductPage/ProductPage.tsx @@ -94,7 +94,7 @@ export const ProductPage = () => { {arrLocation.map(l => ( - + {l.slice(0, 1).toUpperCase() + l.slice(1)}