From 3a7adf01158b22833772805cf7818abc75976300 Mon Sep 17 00:00:00 2001
From: KostyaDanovsky <kostya.danovsky@gmail.com>
Date: Thu, 14 Sep 2017 15:19:07 +0300
Subject: [PATCH] fix(dashboard): hide traffic card, make large card as medium
 for small window sizes fix issue with 2 echarts on the same page with 100%
 width

---
 src/app/pages/dashboard/dashboard.component.scss   | 14 ++++++++++++++
 .../dashboard/rooms/player/player.component.scss   |  2 +-
 .../temperature/temperature.component.scss         |  2 +-
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/app/pages/dashboard/dashboard.component.scss b/src/app/pages/dashboard/dashboard.component.scss
index 990402a2..508ea730 100644
--- a/src/app/pages/dashboard/dashboard.component.scss
+++ b/src/app/pages/dashboard/dashboard.component.scss
@@ -1,8 +1,22 @@
 @import '../../@theme/styles/themes';
+@import '~bootstrap/scss/mixins/breakpoints';
+@import '~@nebular/theme/styles/global/bootstrap/breakpoints';
 
 @include nb-install-component() {
   .solar-card nb-card-header {
     border: none;
     padding-bottom: 0;
   }
+
+  @include media-breakpoint-down(sm) {
+    ngx-traffic {
+      display: none;
+    }
+  }
+
+  @include media-breakpoint-down(is) {
+    /deep/ nb-card.large-card {
+      height: nb-theme(card-height-medium);
+    }
+  }
 }
diff --git a/src/app/pages/dashboard/rooms/player/player.component.scss b/src/app/pages/dashboard/rooms/player/player.component.scss
index 9ac569b5..9be7c6da 100644
--- a/src/app/pages/dashboard/rooms/player/player.component.scss
+++ b/src/app/pages/dashboard/rooms/player/player.component.scss
@@ -218,7 +218,7 @@
       height: $player-height;
       flex-direction: row;
       padding: 0;
-      flex: initial;
+      flex: none;
 
       .cover {
         height: $player-height;
diff --git a/src/app/pages/dashboard/temperature/temperature.component.scss b/src/app/pages/dashboard/temperature/temperature.component.scss
index 452f0e66..5f661def 100644
--- a/src/app/pages/dashboard/temperature/temperature.component.scss
+++ b/src/app/pages/dashboard/temperature/temperature.component.scss
@@ -93,7 +93,7 @@
 
   .btn-group {
     padding: 1.25rem;
-    justify-content: center
+    justify-content: center;
   }
 
   .btn-icon {