From 4a665584fb33d52c5a774509ebdf9925110357bd Mon Sep 17 00:00:00 2001
From: kwiato <kwiato.r@gmail.com>
Date: Fri, 20 Dec 2024 16:50:36 +0100
Subject: [PATCH] fix small screen vertical scroll and update breadcrumbs
 padding

---
 src/css/components/_breadcrumbs.scss | 6 +++++-
 src/css/components/_content.scss     | 5 ++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/css/components/_breadcrumbs.scss b/src/css/components/_breadcrumbs.scss
index 0e535863b..cb1abb73a 100644
--- a/src/css/components/_breadcrumbs.scss
+++ b/src/css/components/_breadcrumbs.scss
@@ -2,6 +2,11 @@
   /* Reset Foundation */
   margin-bottom: 0;
   text-transform: uppercase;
+  padding-top: $spacer-xs;
+  padding-bottom: $spacer-xs;
+  gap: $spacer-xxs 0;
+  display: flex;
+  flex-wrap: wrap;
 
   .bread__item,
   a,
@@ -10,7 +15,6 @@
     font-size: $font-xs;
     font-weight: 400;
     letter-spacing: 1.5px;
-    line-height: 2;
     margin: 0;
     padding: 0;
   }
diff --git a/src/css/components/_content.scss b/src/css/components/_content.scss
index c4c5ec411..712b6c1dd 100644
--- a/src/css/components/_content.scss
+++ b/src/css/components/_content.scss
@@ -43,9 +43,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding-top: $spacer-xxs;
-    padding-bottom: $spacer-xxs;
-    height: $product-title-height;
+    min-height: $product-title-height;
     background: var(--navigation-bg);
     margin-bottom: 0;
   }
@@ -56,6 +54,7 @@
     .body-container {
       max-width: $max-content-width;
       flex-grow: 1;
+      width: 0;
     }
   }