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 @@
- 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 @@ -
+
-
+
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; } } + } }