From e5d765f41969198c50fcda804afdccc1937de9e4 Mon Sep 17 00:00:00 2001
From: Patrik Oldsberg <poldsberg@gmail.com>
Date: Fri, 2 Jul 2021 13:07:58 +0200
Subject: [PATCH] microsite: fix search box breakage and avoid unecessary
 wrapping

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>
---
 microsite/static/css/custom.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/microsite/static/css/custom.css b/microsite/static/css/custom.css
index 33d9a43556..ddc1239efa 100644
--- a/microsite/static/css/custom.css
+++ b/microsite/static/css/custom.css
@@ -146,6 +146,11 @@ td {
   content: "No results"
 }
 
+.navSearchWrapper {
+  /* Prevents the search box from detaching from its icon when pushed down */
+  justify-content: flex-start;
+}
+
 /* header */
 .fixedHeaderContainer {
   position: fixed;
@@ -155,6 +160,12 @@ td {
   box-shadow: 3px 3px 8px rgba(38, 38, 38, 0.25);
   color: #fff;
 }
+
+.wrapper.headerWrapper {
+  /* Keep the header stretched across the screen on the mid breakpoint, since we need a bit more space */
+  max-width: 1400px;
+}
+
 @media only screen and (min-width: 1024px) {
   .fixedHeaderContainer {
     height: 66px;