From 6b8ae62d189a65ed108c4ee3daf5fb7bdebbda08 Mon Sep 17 00:00:00 2001
From: Joona Olkkola <joona.olkkola@octo3.fi>
Date: Wed, 3 Oct 2018 09:40:25 +0300
Subject: [PATCH] Set the summary navigation component to have a fixed size.

This ought to fix the temporary overlap with routes in IE11.
---
 app/component/SummaryNavigation.js | 2 +-
 app/component/summary.scss         | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/component/SummaryNavigation.js b/app/component/SummaryNavigation.js
index ebb9352bd0..f2f2611154 100644
--- a/app/component/SummaryNavigation.js
+++ b/app/component/SummaryNavigation.js
@@ -125,7 +125,7 @@ class SummaryNavigation extends React.Component {
     const isOpen = this.getOffcanvasState();
 
     return (
-      <div style={{ background: '#f4f4f5' }}>
+      <div className="summary-navigation-container">
         <LazilyLoad modules={this.customizeSearchModules}>
           {({ Drawer, CustomizeSearch }) => (
             <Drawer
diff --git a/app/component/summary.scss b/app/component/summary.scss
index eaf9ad8b2d..6baabfcbe0 100644
--- a/app/component/summary.scss
+++ b/app/component/summary.scss
@@ -343,3 +343,8 @@
 .mobile .street-mode-selector-panel-container {
   padding: 0 $padding-small;
 }
+
+.summary-navigation-container {
+  background-color: $background-color-lighter;
+  flex: 0 0 auto;
+}