From f99c1db5517b41256a0f8b365a070943eb776b81 Mon Sep 17 00:00:00 2001
From: Giga Chubinidze <giga@scinote.net>
Date: Wed, 24 May 2023 00:52:39 +0400
Subject: [PATCH 1/2] CSS: Breadcrumbs css issues [SCI-8448]

---
 app/assets/stylesheets/navigation/breadcrumbs.scss | 1 +
 app/assets/stylesheets/navigation/general.scss     | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/navigation/breadcrumbs.scss b/app/assets/stylesheets/navigation/breadcrumbs.scss
index 2ee7c8590..7b8a77b75 100644
--- a/app/assets/stylesheets/navigation/breadcrumbs.scss
+++ b/app/assets/stylesheets/navigation/breadcrumbs.scss
@@ -14,6 +14,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+    font-size: 12px;
 
     &:last-child {
       color: var(--sn-grey);
diff --git a/app/assets/stylesheets/navigation/general.scss b/app/assets/stylesheets/navigation/general.scss
index 37bc23ae1..d3035f2ff 100644
--- a/app/assets/stylesheets/navigation/general.scss
+++ b/app/assets/stylesheets/navigation/general.scss
@@ -3,7 +3,7 @@ body {
 }
 
 .sci--layout {
-  --breadcrumbs-navigation-height: 56px;
+  --breadcrumbs-navigation-height: 44px;
   --left-navigation-width: 192px;
   --navbar-height: calc(var(--top-navigation-height) + var(--breadcrumbs-navigation-height));
   --navigator-navigation-width: 240px;

From 378bf37ba4a4ffc63e2832d1dd8d01f2d68ab658 Mon Sep 17 00:00:00 2001
From: Giga Chubinidze <giga@scinote.net>
Date: Wed, 24 May 2023 13:34:59 +0400
Subject: [PATCH 2/2] changed with mixin

---
 app/assets/stylesheets/navigation/breadcrumbs.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/navigation/breadcrumbs.scss b/app/assets/stylesheets/navigation/breadcrumbs.scss
index 7b8a77b75..2918adaf6 100644
--- a/app/assets/stylesheets/navigation/breadcrumbs.scss
+++ b/app/assets/stylesheets/navigation/breadcrumbs.scss
@@ -8,13 +8,13 @@
   padding-left: 1.5rem;
 
   .breadcrumbs-link {
+    @include font-small;
     color: var(--sn-blue);
     display: inline-block;
     max-width: var(--max-breadcrumbs-link-width);
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    font-size: 12px;
 
     &:last-child {
       color: var(--sn-grey);