From b6ebd2b839f33f9049bea4a87b27eb51810adc19 Mon Sep 17 00:00:00 2001
From: Sercan Yemen <sercanyemen@gmail.com>
Date: Thu, 12 Jul 2018 16:04:56 +0300
Subject: [PATCH] (Navbar) Fixed: IE11 issues (Chat Panel) Fixed: IE11 issues

---
 .../layout/components/chat-panel/chat-panel.component.scss    | 2 ++
 .../components/navbar/vertical/style-1/style-1.component.scss | 4 ++++
 2 files changed, 6 insertions(+)

diff --git a/src/app/layout/components/chat-panel/chat-panel.component.scss b/src/app/layout/components/chat-panel/chat-panel.component.scss
index 91531744..034dfa9d 100644
--- a/src/app/layout/components/chat-panel/chat-panel.component.scss
+++ b/src/app/layout/components/chat-panel/chat-panel.component.scss
@@ -35,6 +35,7 @@ chat-panel {
     }
 
     .content {
+        flex: 1 1 100%;
         min-height: 0;
     }
 
@@ -162,6 +163,7 @@ chat-panel {
                     align-items: center;
                     justify-content: center;
                     padding: 12px;
+                    max-width: 100%;
 
                     .message {
                         white-space: pre-wrap;
diff --git a/src/app/layout/components/navbar/vertical/style-1/style-1.component.scss b/src/app/layout/components/navbar/vertical/style-1/style-1.component.scss
index 9bd0d98d..d0af9829 100644
--- a/src/app/layout/components/navbar/vertical/style-1/style-1.component.scss
+++ b/src/app/layout/components/navbar/vertical/style-1/style-1.component.scss
@@ -41,6 +41,8 @@ fuse-sidebar {
                                 position: relative;
                                 top: auto;
                                 padding: 0;
+                                transform: translateX(0);
+                                left: auto;
 
                                 .avatar {
                                     width: 40px;
@@ -136,6 +138,8 @@ navbar {
                     top: 92px;
                     border-radius: 50%;
                     padding: 8px;
+                    transform: translateX(-50%);
+                    left: 50%;
 
                     .avatar {
                         width: 72px;