From 93e6aa7ecb17ecb10e3793c514a19e107a07580e Mon Sep 17 00:00:00 2001
From: Johannes Millan <johannes.millan@gmail.com>
Date: Fri, 5 Nov 2021 16:57:16 +0100
Subject: [PATCH] fix: side panel size on timeline and daily summary when menu
 is open

---
 .../better-drawer-container.component.scss                | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/app/ui/better-drawer/better-drawer-container/better-drawer-container.component.scss b/src/app/ui/better-drawer/better-drawer-container/better-drawer-container.component.scss
index a844e326739..425f6fa69b6 100644
--- a/src/app/ui/better-drawer/better-drawer-container/better-drawer-container.component.scss
+++ b/src/app/ui/better-drawer/better-drawer-container/better-drawer-container.component.scss
@@ -29,13 +29,19 @@ $z-this-backdrop: -1 + $z-task-side-bar-over;
   // NOTE: if this value is to big it might mess, with the push out logic, as
   // the width is not really 40% any more
   min-width: 200px;
-  max-width: 760px;
+  // NOTE: prevents overlapping with nav when open
+  max-width: 700px;
   background: transparent;
   //border: 1px solid;
   //border-right: 0;
   //border-bottom: 0;
   //box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important;
 
+  @include mq(sm, max) {
+    // NOTE: prevents overlapping with nav when open
+    max-width: 500px;
+  }
+
   @include mq(xs, max) {
     max-width: 100%;
   }