From e2c8ec171d55aacc7408ae29d0483abb45c4f071 Mon Sep 17 00:00:00 2001
From: Vitalii Pikozh <wisart@gmail.com>
Date: Tue, 20 May 2025 19:51:50 +0300
Subject: [PATCH 1/4] style/update-breadcrumb-and-header

---
 website/modules/asset/ui/src/scss/_base.scss   | 10 +++++++---
 website/modules/asset/ui/src/scss/_header.scss |  4 ++--
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/website/modules/asset/ui/src/scss/_base.scss b/website/modules/asset/ui/src/scss/_base.scss
index 7eedcf33..4d54b5b8 100644
--- a/website/modules/asset/ui/src/scss/_base.scss
+++ b/website/modules/asset/ui/src/scss/_base.scss
@@ -121,10 +121,14 @@
   font-weight: $font-weight-medium;
   font-size: $font-size-body-small-mobile;
   line-height: 150%;
-  margin-left: 40px;
+  width: min(1280px, 100%);
+  margin: 0 auto;
+  padding: 0 40px;
+  height: 100%;
+  margin-top: 64px;
   color: $black;
-  @include breakpoint-extra-extra-large {
-    margin-left: 120px;
+  @include breakpoint-medium {
+    margin-top: 95px;
   }
 }
 
diff --git a/website/modules/asset/ui/src/scss/_header.scss b/website/modules/asset/ui/src/scss/_header.scss
index bfbd1e09..a6bc2ea6 100644
--- a/website/modules/asset/ui/src/scss/_header.scss
+++ b/website/modules/asset/ui/src/scss/_header.scss
@@ -23,6 +23,7 @@
   }
 
   .sf-logo {
+    @include font-settings(16px, 110%, 700);
     font-size: 12px;
     font-weight: 800;
     z-index: 11;
@@ -34,8 +35,7 @@
       color: $gray-300;
     }
     @include breakpoint-medium {
-      font-size: $font-size-body-small;
-      line-height: $line-height-h1;
+      @include font-settings(14px, 110%, 800);
     }
   }
 }

From e0405479f8598e0850ca32480ada3bf86435c371 Mon Sep 17 00:00:00 2001
From: Vitalii Pikozh <wisart@gmail.com>
Date: Tue, 20 May 2025 21:01:58 +0300
Subject: [PATCH 2/4] Fix breadcrumb margins and rendering position

- Move margin-top properties from .sf-container to main element
- Move breadcrumbs inside main element for proper rendering
- Add padding-top to container for better spacing
---
 website/modules/asset/ui/src/scss/_base.scss   | 4 ----
 website/modules/asset/ui/src/scss/_layout.scss | 7 +++++++
 website/views/layout.html                      | 5 +++--
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/website/modules/asset/ui/src/scss/_base.scss b/website/modules/asset/ui/src/scss/_base.scss
index 4d54b5b8..838e5307 100644
--- a/website/modules/asset/ui/src/scss/_base.scss
+++ b/website/modules/asset/ui/src/scss/_base.scss
@@ -125,11 +125,7 @@
   margin: 0 auto;
   padding: 0 40px;
   height: 100%;
-  margin-top: 64px;
   color: $black;
-  @include breakpoint-medium {
-    margin-top: 95px;
-  }
 }
 
 .breadcrumb-list {
diff --git a/website/modules/asset/ui/src/scss/_layout.scss b/website/modules/asset/ui/src/scss/_layout.scss
index 1aec2f65..49514b54 100644
--- a/website/modules/asset/ui/src/scss/_layout.scss
+++ b/website/modules/asset/ui/src/scss/_layout.scss
@@ -15,3 +15,10 @@ main {
 body {
   min-height: 100vh;
 }
+
+main {
+  margin-top: 64px;
+  @include breakpoint-medium {
+    margin-top: 95px;
+  }
+}
diff --git a/website/views/layout.html b/website/views/layout.html
index fc4765df..2117bd1a 100644
--- a/website/views/layout.html
+++ b/website/views/layout.html
@@ -10,7 +10,7 @@
   data-barba="wrapper"
   data-barba-namespace="home"
 >
-  {% render fragments.header() %} {% render fragments.breadcrumbs() %}
+  {% render fragments.header() %}
   <main
     class="bp-main"
     role="main"
@@ -24,7 +24,8 @@
     endif
     %}
   >
-    <div class="sf-container">
+    {% render fragments.breadcrumbs() %}
+    <div class="sf-container" style="padding-top: 20px">
       {% endblock %} {% block main %} {# Usually, your page templates in the
       @apostrophecms/pages module will override this block. It is safe to assume
       this is where your page-specific content should go. #} {% endblock %} {%

From f0d6124b099dc6fde1d2af69103af0c1cf581ea2 Mon Sep 17 00:00:00 2001
From: Vitalii Pikozh <wisart@gmail.com>
Date: Tue, 20 May 2025 21:10:12 +0300
Subject: [PATCH 3/4] fix

---
 website/modules/asset/ui/src/scss/_header.scss | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/website/modules/asset/ui/src/scss/_header.scss b/website/modules/asset/ui/src/scss/_header.scss
index a6bc2ea6..e5af0b27 100644
--- a/website/modules/asset/ui/src/scss/_header.scss
+++ b/website/modules/asset/ui/src/scss/_header.scss
@@ -23,9 +23,6 @@
   }
 
   .sf-logo {
-    @include font-settings(16px, 110%, 700);
-    font-size: 12px;
-    font-weight: 800;
     z-index: 11;
     text-transform: uppercase;
     color: $gray-500;
@@ -34,6 +31,7 @@
     &:focus {
       color: $gray-300;
     }
+    @include font-settings(16px, 110%, 700);
     @include breakpoint-medium {
       @include font-settings(14px, 110%, 800);
     }

From a6f0cf35f251abac013cb1d29309a0302199941e Mon Sep 17 00:00:00 2001
From: Vitalii Pikozh <wisart@gmail.com>
Date: Wed, 21 May 2025 16:28:48 +0300
Subject: [PATCH 4/4] remove margin-left

---
 website/modules/asset/ui/src/scss/_base.scss | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/website/modules/asset/ui/src/scss/_base.scss b/website/modules/asset/ui/src/scss/_base.scss
index d985e1c8..fd93a14a 100644
--- a/website/modules/asset/ui/src/scss/_base.scss
+++ b/website/modules/asset/ui/src/scss/_base.scss
@@ -137,9 +137,6 @@
   padding: 0 40px;
   height: 100%;
   color: $black;
-  @include breakpoint-extra-extra-large {
-    margin-left: 120px;
-  }
 }
 
 .breadcrumb-list {