From 3493e96aade9748ad18235d0812b5f893f909aee Mon Sep 17 00:00:00 2001
From: Willem Dantuma <willem.dantuma@dobs.nl>
Date: Thu, 23 Apr 2020 10:50:29 +0200
Subject: [PATCH] Fix panel on mobile

---
 .../src/fm/components/side-panel/side-panel.component.html      | 2 +-
 .../src/fm/components/side-panel/side-panel.component.scss      | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/projects/common/src/fm/components/side-panel/side-panel.component.html b/projects/common/src/fm/components/side-panel/side-panel.component.html
index 90364aa..7f6f944 100644
--- a/projects/common/src/fm/components/side-panel/side-panel.component.html
+++ b/projects/common/src/fm/components/side-panel/side-panel.component.html
@@ -1,4 +1,4 @@
-<div class="side-panel hidden collapsed left" [ngClass]="{'hidden':!visible,'collapsed':collapsed,'resizeable':(resizeable && mobile),'resizing':resizing,'left':left}" [ngStyle]="{'top':top}">
+<div class="side-panel hidden" [ngClass]="{'hidden':!visible,'collapsed':collapsed,'resizeable':(resizeable && mobile),'resizing':resizing,'left':left}" [ngStyle]="{'top':top}">
   <div *ngIf="collapsable" class="arrow rounded-right p-2" (click)="handleToggleClick($event)">
     <i class="fa fa-chevron-left" aria-hidden="true"></i>
   </div>
diff --git a/projects/common/src/fm/components/side-panel/side-panel.component.scss b/projects/common/src/fm/components/side-panel/side-panel.component.scss
index 68747ac..16c57db 100644
--- a/projects/common/src/fm/components/side-panel/side-panel.component.scss
+++ b/projects/common/src/fm/components/side-panel/side-panel.component.scss
@@ -95,6 +95,7 @@ div.resizegrip > span {
     width: 22rem;
     left:-24rem;
     height:100%;
+    top: 0px;
   }  
 }