From 316f07dd7bdf6b03675cdf530b45a983f2fd76b2 Mon Sep 17 00:00:00 2001
From: MohamadSalman11 <hamudesalman69@gmail.com>
Date: Wed, 2 Oct 2024 15:43:29 +0200
Subject: [PATCH 1/3] Fix align SVG icon with text in masthead notice

---
 site/assets/scss/_masthead.scss          | 5 +++++
 site/layouts/partials/home/masthead.html | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/site/assets/scss/_masthead.scss b/site/assets/scss/_masthead.scss
index d74d1ec24941..721af0281cd0 100644
--- a/site/assets/scss/_masthead.scss
+++ b/site/assets/scss/_masthead.scss
@@ -98,6 +98,11 @@
 .masthead-notice {
   background-color: var(--bd-accent);
   box-shadow: inset 0 -1px 1px rgba(var(--bs-body-color-rgb), .15), 0 .25rem 1.5rem rgba(var(--bs-body-bg-rgb), .75);
+  padding-top: 0.45rem;
+
+  svg{
+    transform: translateY(.2rem)
+  }
 }
 
 .animate-img {
diff --git a/site/layouts/partials/home/masthead.html b/site/layouts/partials/home/masthead.html
index c16841d81856..77e343ebf664 100644
--- a/site/layouts/partials/home/masthead.html
+++ b/site/layouts/partials/home/masthead.html
@@ -2,7 +2,7 @@
   <div class="container-xxl bd-gutter">
     <div class="col-md-8 mx-auto text-center">
       <a class="d-flex flex-column flex-lg-row justify-content-center align-items-center mb-4 text-dark lh-sm text-decoration-none" href="https://www.herodevs.com/support/nes-bootstrap?utm_source=Bootstrap_site&utm_medium=Banner&utm_campaign=v3and4_eol" rel="noopener" target="_blank">
-        <span class="d-sm-inline-flex align-items-center gap-1 py-2 px-3 me-2 mb-2 mb-lg-0 rounded-5 masthead-notice">
+        <span class="pb-2 px-3 me-2 mb-2 mb-lg-0 rounded-5 masthead-notice">
           Get Security Updates for Bootstrap 3 &amp; 4
           <svg class="bi" style="width: 20px; height: 20px;" aria-hidden="true"><use xlink:href="#arrow-right-short"></use></svg>
         </span>

From 28e93fe4aabd6f1336a661592039d7092ae54b47 Mon Sep 17 00:00:00 2001
From: Mohamad Salman <139472418+MohamadSalman11@users.noreply.github.com>
Date: Wed, 2 Oct 2024 17:53:45 +0200
Subject: [PATCH 2/3] Removed 0 because of number-leading-zero stylelint rule

---
 site/assets/scss/_masthead.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/assets/scss/_masthead.scss b/site/assets/scss/_masthead.scss
index 721af0281cd0..a7ad192af46a 100644
--- a/site/assets/scss/_masthead.scss
+++ b/site/assets/scss/_masthead.scss
@@ -98,7 +98,7 @@
 .masthead-notice {
   background-color: var(--bd-accent);
   box-shadow: inset 0 -1px 1px rgba(var(--bs-body-color-rgb), .15), 0 .25rem 1.5rem rgba(var(--bs-body-bg-rgb), .75);
-  padding-top: 0.45rem;
+  padding-top: .45rem;
 
   svg{
     transform: translateY(.2rem)

From bad03116181b5314344461aa1e0abf661d190aca Mon Sep 17 00:00:00 2001
From: Mohamad Salman <139472418+MohamadSalman11@users.noreply.github.com>
Date: Wed, 2 Oct 2024 19:24:40 +0200
Subject: [PATCH 3/3] Fix the Stylelint rule: order/properties-order.

---
 site/assets/scss/_masthead.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/site/assets/scss/_masthead.scss b/site/assets/scss/_masthead.scss
index a7ad192af46a..d85fb79a05a8 100644
--- a/site/assets/scss/_masthead.scss
+++ b/site/assets/scss/_masthead.scss
@@ -96,12 +96,12 @@
 }
 
 .masthead-notice {
+  padding-top: .45rem;
   background-color: var(--bd-accent);
   box-shadow: inset 0 -1px 1px rgba(var(--bs-body-color-rgb), .15), 0 .25rem 1.5rem rgba(var(--bs-body-bg-rgb), .75);
-  padding-top: .45rem;
 
   svg{
-    transform: translateY(.2rem)
+    transform: translateY(.2rem);
   }
 }