From 1c94ebb1e0331b4f514336eb99f313e676f2fcc3 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Fri, 4 Oct 2024 01:05:03 +0300
Subject: [PATCH 1/2] Fixed gaps on the homepage and article page

---
 src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx | 8 +++++++-
 src/styles/app.scss                                      | 9 +++++----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx b/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
index d35fc313..6892edc0 100644
--- a/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
+++ b/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
@@ -41,7 +41,13 @@ export const ArticleCardSwiper = (props: Props) => {
         })}
       >
         <Show when={props.title}>
-          <h2 class={styles.sliderTitle}>{props.title}</h2>
+          <div class="wide-container">
+            <div class="row">
+              <div class="col-md-12">
+                <h2 class={styles.sliderTitle}>{props.title}</h2>
+              </div>
+            </div>
+          </div>
         </Show>
         <div class={styles.container}>
           <Show when={props.slides?.length > 0}>
diff --git a/src/styles/app.scss b/src/styles/app.scss
index 5a1b2691..d70a4e09 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -847,13 +847,14 @@ figure {
 }
 
 .main-content {
+  flex: 1 100%;
+  min-height: 90vh;
+  padding-top: 80px;
+  position: relative;
+
   @include media-breakpoint-up(lg) {
      padding-top: 130px;
   }
-
-  flex: 1 100%;
-  min-height: 90vh;
-  position: relative;
 }
 
 .main-content--no-padding {

From 03bfcbfe583ee5392862d1ca21cb4eee0e0f0c1c Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Fri, 4 Oct 2024 01:43:12 +0300
Subject: [PATCH 2/2] Fixed subnavigation toggling

---
 src/components/HeaderNav/Header.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/HeaderNav/Header.tsx b/src/components/HeaderNav/Header.tsx
index a2619c2a..92963a78 100644
--- a/src/components/HeaderNav/Header.tsx
+++ b/src/components/HeaderNav/Header.tsx
@@ -171,34 +171,34 @@ export const Header = (props: Props) => {
               <ul class="view-switcher">
                 <Link
                   onMouseOver={() => toggleSubnavigation(true, setIsZineVisible)}
-                  onMouseOut={(event?: MouseEvent) => hideSubnavigation(event, 0)}
+                  onMouseOut={(event?: MouseEvent) => hideSubnavigation(event)}
                   href="/"
                   active={isZineVisible()}
                   body={t('Journal')}
                 />
                 <Link
                   onMouseOver={() => toggleSubnavigation(true, setIsFeedVisible)}
-                  onMouseOut={(event?: MouseEvent) => hideSubnavigation(event, 0)}
+                  onMouseOut={(event?: MouseEvent) => hideSubnavigation(event)}
                   href="/feed"
                   active={isFeedVisible()}
                   body={t('Feed')}
                 />
                 <Link
                   onMouseOver={() => toggleSubnavigation(true, setIsTopicsVisible)}
-                  onMouseOut={(event?: MouseEvent) => hideSubnavigation(event, 0)}
+                  onMouseOut={(event?: MouseEvent) => hideSubnavigation(event)}
                   href="/topic"
                   active={isTopicsVisible()}
                   body={t('Topics')}
                 />
                 <Link
                   onMouseOver={(event?: MouseEvent) => hideSubnavigation(event, 0)}
-                  onMouseOut={(event?: MouseEvent) => hideSubnavigation(event, 0)}
+                  onMouseOut={(event?: MouseEvent) => hideSubnavigation(event)}
                   href="/author"
                   body={t('Authors')}
                 />
                 <Link
                   onMouseOver={() => toggleSubnavigation(true, setIsKnowledgeBaseVisible)}
-                  onMouseOut={(event?: MouseEvent) => hideSubnavigation(event, 0)}
+                  onMouseOut={(event?: MouseEvent) => hideSubnavigation(event)}
                   href="/guide"
                   body={t('Knowledge base')}
                   active={isKnowledgeBaseVisible()}