Merge branch 'dev' of https://github.com/Discours/discoursio-webapp into nobootstrap

src/components/HeaderNav/Header.tsx

@@ -173,34 +173,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()}

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}>

src/styles/app.scss

@@ -743,13 +743,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 {