From 1d3ac1092b1b91d97213f578b89bb1f15bd1cddd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9mie=20Drouet?= <jeremie.drouet@gmail.com>
Date: Fri, 15 May 2020 11:33:50 +0200
Subject: [PATCH] landing-page: center navbar on desktop
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jérémie Drouet <jeremie.drouet@gmail.com>
---
 _scss/_breakpoint.scss |  8 ++++++++
 _scss/_landing.scss    | 17 +++++++++++++++--
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/_scss/_breakpoint.scss b/_scss/_breakpoint.scss
index 98b8a6f14c..587382c619 100644
--- a/_scss/_breakpoint.scss
+++ b/_scss/_breakpoint.scss
@@ -8,6 +8,7 @@ $xl-min-width: 1200px;
     @content;
   }
 }
+
 @mixin before-md-width {
   @media (max-width: $md-min-width - 1) {
     @content;
@@ -19,6 +20,13 @@ $xl-min-width: 1200px;
     @content;
   }
 }
+
+@mixin before-lg-width {
+  @media (max-width: $lg-min-width - 1) {
+    @content;
+  }
+}
+
 @mixin lg-width {
   @media (min-width: $lg-min-width) {
     @content;
diff --git a/_scss/_landing.scss b/_scss/_landing.scss
index 907e9bd98f..7092a62b77 100644
--- a/_scss/_landing.scss
+++ b/_scss/_landing.scss
@@ -27,7 +27,19 @@ body#landing {
     border-radius: unset;
     height: unset;
 
-    @include before-md-width {
+    @include md-width {
+      .navbar-collapse.collapse {
+        display: flex !important;
+
+        ul:first-of-type {
+          flex: 1;
+          display: flex;
+          justify-content: center;
+        }
+      }
+    }
+
+    @include before-lg-width {
       .container {
         width: unset;
       }
@@ -56,7 +68,8 @@ body#landing {
       .navbar-nav > li > a {
         font-weight: bold;
         line-height: 25px;
-        padding-bottom: 11px;
+        padding-top: 17px;
+        padding-bottom: 9px;
         border-bottom-style: solid;
         border-bottom-width: 4px;
         border-bottom-color: rgba(255, 255, 255, 0);