From 117f5a85b2b1ee825706a1837a2e97f7a252205e Mon Sep 17 00:00:00 2001
From: mustafahlvc <mustafahlvc@gmail.com>
Date: Tue, 15 Aug 2017 13:29:07 +0300
Subject: [PATCH] (Contacts) sidenav toggler fixed and sidenav style refined
 for mobile.

---
 .../content/apps/contacts/contacts.component.html   |  4 ++--
 .../apps/contacts/sidenavs/main/main.component.html |  4 ++--
 .../apps/contacts/sidenavs/main/main.component.scss | 13 +++++++++++++
 3 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/app/main/content/apps/contacts/contacts.component.html b/src/app/main/content/apps/contacts/contacts.component.html
index 9e617752..c744f807 100644
--- a/src/app/main/content/apps/contacts/contacts.component.html
+++ b/src/app/main/content/apps/contacts/contacts.component.html
@@ -6,8 +6,8 @@
         <!-- APP TITLE -->
         <div fxLayout="row" fxLayoutAlign="start center">
 
-            <button md-button class="mat-icon-button sidenav-toggle"
-                    fuseMdSidenavToggler="simple-left-sidenav"
+            <button md-button class="mat-icon-button sidenav-toggle mr-12"
+                    fuseMdSidenavToggler="contacts-main-sidenav"
                     fxHide.gt-md>
                 <md-icon>menu</md-icon>
             </button>
diff --git a/src/app/main/content/apps/contacts/sidenavs/main/main.component.html b/src/app/main/content/apps/contacts/sidenavs/main/main.component.html
index 637f20e7..b0d07b8b 100644
--- a/src/app/main/content/apps/contacts/sidenavs/main/main.component.html
+++ b/src/app/main/content/apps/contacts/sidenavs/main/main.component.html
@@ -1,6 +1,6 @@
-<div class="sidenav-content p-24 pr-4">
+<div class="sidenav-content">
 
-    <div class="card md-white-bg mat-elevation-z4">
+    <div class="card md-white-bg">
         <!-- SIDENAV HEADER -->
         <div class="header p-24" fxLayout="row" fxLayoutAlign="start center">
 
diff --git a/src/app/main/content/apps/contacts/sidenavs/main/main.component.scss b/src/app/main/content/apps/contacts/sidenavs/main/main.component.scss
index 4db16fa3..5c6b97f8 100644
--- a/src/app/main/content/apps/contacts/sidenavs/main/main.component.scss
+++ b/src/app/main/content/apps/contacts/sidenavs/main/main.component.scss
@@ -1,3 +1,5 @@
+@import "src/app/core/scss/fuse";
+
 :host {
     display: flex;
     flex-direction: column;
@@ -7,11 +9,21 @@
     .sidenav-content {
         display: flex;
         flex-direction: column;
+        padding: 0;
+
+        @include media-breakpoint(gt-md) {
+            padding: 24px 4px 24px 24px;
+        }
 
         .card {
             display: flex;
             flex-direction: column;
             flex: 0 1 auto;
+            padding: 0;
+
+            @include media-breakpoint(gt-md) {
+                @include mat-elevation(4);
+            }
 
             > .header {
                 flex: 0 1 auto;
@@ -22,5 +34,6 @@
                 flex: 0 1 auto;
             }
         }
+
     }
 }