From fab866227ea7e9b13f666b825aaf1d1195efb514 Mon Sep 17 00:00:00 2001
From: Sergey Andrievskiy <s.andrievskiy@akveo.com>
Date: Tue, 18 Jun 2019 21:16:20 +0300
Subject: [PATCH] fix(contacts): make same height as siblings

---
 src/app/pages/dashboard/contacts/contacts.component.scss | 3 ++-
 src/app/pages/dashboard/dashboard.component.scss         | 8 +++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/app/pages/dashboard/contacts/contacts.component.scss b/src/app/pages/dashboard/contacts/contacts.component.scss
index 49882ff0..fada7861 100644
--- a/src/app/pages/dashboard/contacts/contacts.component.scss
+++ b/src/app/pages/dashboard/contacts/contacts.component.scss
@@ -6,7 +6,8 @@
   }
 
   nb-tabset {
-    height: 100%;
+    display: flex;
+    flex-direction: column;
 
     ::ng-deep .tab-link {
       padding: 1.25rem 2rem;
diff --git a/src/app/pages/dashboard/dashboard.component.scss b/src/app/pages/dashboard/dashboard.component.scss
index cb08d221..ca68fd1d 100644
--- a/src/app/pages/dashboard/dashboard.component.scss
+++ b/src/app/pages/dashboard/dashboard.component.scss
@@ -14,9 +14,11 @@
     }
   }
 
-  @include media-breakpoint-down(is) {
-    ::ng-deep nb-card.large-card {
-      height: nb-theme(card-height-medium);
+  @include media-breakpoint-up(md) {
+    ngx-contacts ::ng-deep > nb-card {
+      height: calc(#{nb-theme(card-height-medium)} +
+                   #{nb-theme(card-height-tiny)} +
+                   #{nb-theme(card-margin-bottom)});
     }
   }
 }