From 0ef6d26e317aa551673238ee2e2e469bf7ba714c Mon Sep 17 00:00:00 2001
From: "louismaxime.piton" <louismaxime.piton@orange.com>
Date: Wed, 18 May 2022 15:25:55 +0200
Subject: [PATCH] Fix
 https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/pull/1241#discussion_r868142124
 icons

---
 site/assets/scss/_clipboard-js.scss     |  4 ++--
 site/assets/scss/_content.scss          |  4 ++--
 site/assets/scss/_sidebar.scss          | 10 ++++++++++
 site/layouts/partials/docs-sidebar.html |  2 +-
 4 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/site/assets/scss/_clipboard-js.scss b/site/assets/scss/_clipboard-js.scss
index 8a5c419c81..58348995a7 100644
--- a/site/assets/scss/_clipboard-js.scss
+++ b/site/assets/scss/_clipboard-js.scss
@@ -42,8 +42,8 @@
 
   // Boosted mod
   .bi {
-    width: 1.4em;
-    height: 1.4em;
+    width: 1.8125rem;
+    height: 1.8125rem;
   }
   // End mod
 }
diff --git a/site/assets/scss/_content.scss b/site/assets/scss/_content.scss
index f8aac31e47..1276c183f2 100644
--- a/site/assets/scss/_content.scss
+++ b/site/assets/scss/_content.scss
@@ -114,8 +114,8 @@
   backface-visibility: hidden;
 
   .bi {
-    width: 1.5em;
-    height: 1.5em;
+    width: .75em; // Boosted mod
+    height: .75em; // Boosted mod
     transition: .2s ease-in-out transform; // stylelint-disable-line property-disallowed-list
   }
 
diff --git a/site/assets/scss/_sidebar.scss b/site/assets/scss/_sidebar.scss
index 5ba10c9ee9..9e13fc60f1 100644
--- a/site/assets/scss/_sidebar.scss
+++ b/site/assets/scss/_sidebar.scss
@@ -50,3 +50,13 @@
     font-weight: 600;
   }
 }
+
+// Boosted mod
+.bd-links-heading {
+  transform: translateX(-#{$spacer * .25});
+
+  svg {
+    font-size: 1.5625rem;
+  }
+}
+// End mod
diff --git a/site/layouts/partials/docs-sidebar.html b/site/layouts/partials/docs-sidebar.html
index e4ddd7d05b..3b31e69730 100644
--- a/site/layouts/partials/docs-sidebar.html
+++ b/site/layouts/partials/docs-sidebar.html
@@ -19,7 +19,7 @@
       <li class="bd-links-group py-2">
         <strong class="bd-links-heading d-flex w-100 align-items-center fw-semibold">
           {{- if $group.icon }}
-            <svg class="bi me-2"{{- if $group.icon_color }} style="color: var(--bs-{{ $group.icon_color }});"{{- end }} aria-hidden="true"><use xlink:href="#{{ $group.icon }}"></use></svg>
+            <svg class="bi me-1"{{- if $group.icon_color }} style="color: var(--bs-{{ $group.icon_color }});"{{- end }} aria-hidden="true"><use xlink:href="#{{ $group.icon }}"></use></svg>
           {{- end }}
           {{ $group.title }}
         </strong>