From 73cad4197661550c93dbe3d50152a3a413d7b089 Mon Sep 17 00:00:00 2001
From: Ilia <koleshnik160799@gmail.com>
Date: Mon, 7 Aug 2023 17:47:30 +0300
Subject: [PATCH] fix code

---
 src/components/BasketItem/BasketItem.scss    | 4 ++++
 src/components/ProductList/ProductsList.scss | 2 +-
 src/components/ProductPage/ProductPage.scss  | 8 ++++++++
 src/components/ProductPage/ProductPage.tsx   | 2 +-
 4 files changed, 14 insertions(+), 2 deletions(-)

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 = () => {
         <span className="breadcrumbs__arrow" />
 
         {arrLocation.map(l => (
-          <span key={l}>
+          <span key={l} className="breadcrumbs__block">
             <Link to={{ pathname: `/${l}` }} className="breadcrumbs__location">
               {l.slice(0, 1).toUpperCase() + l.slice(1)}
             </Link>