From 660c9e508c6e7d34ba08c80f091f6355b9f6422b Mon Sep 17 00:00:00 2001
From: KostyaDanovsky <kostya.danovsky@gmail.com>
Date: Fri, 15 Sep 2017 19:59:37 +0300
Subject: [PATCH] fix(dashboard): improve electricity responsiveness

---
 src/app/pages/dashboard/dashboard.component.html   |  4 ++--
 .../electricity/electricity.component.scss         | 14 +++++++++++---
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/app/pages/dashboard/dashboard.component.html b/src/app/pages/dashboard/dashboard.component.html
index 57b5fb70..0e64926f 100644
--- a/src/app/pages/dashboard/dashboard.component.html
+++ b/src/app/pages/dashboard/dashboard.component.html
@@ -25,11 +25,11 @@
 </div>
 
 <div class="row">
-  <div class="col-xxxl-3 col-xl-4 col-lg-5 col-md-6">
+  <div class="col-xxxl-3 col-xxl-4 col-lg-5 col-md-6">
     <ngx-temperature></ngx-temperature>
   </div>
 
-  <div class="col-xxxl-9 col-xl-8 col-lg-7 col-md-6">
+  <div class="col-xxxl-9 col-xxl-8 col-lg-7 col-md-6">
     <ngx-electricity></ngx-electricity>
   </div>
 </div>
diff --git a/src/app/pages/dashboard/electricity/electricity.component.scss b/src/app/pages/dashboard/electricity/electricity.component.scss
index 705621d5..9ddde042 100644
--- a/src/app/pages/dashboard/electricity/electricity.component.scss
+++ b/src/app/pages/dashboard/electricity/electricity.component.scss
@@ -207,6 +207,12 @@
     }
   }
 
+  @include media-breakpoint-down(xxl) {
+    .stats-block {
+      border: none;
+      padding: 0 1rem;
+    }
+  }
   @include media-breakpoint-between(md, xl) {
     .consumption-table {
       display: none;
@@ -216,9 +222,6 @@
     .chart-header {
       padding: 1rem;
     }
-    .stats-block:first-child {
-      margin-right: 1rem;
-    }
     .dropdown {
       min-width: 100px;
       button {
@@ -234,6 +237,11 @@
   }
   @include media-breakpoint-down(xs) {
     .stats-block {
+      padding: 0;
+      &:first-child {
+        padding: 0 0.5rem;
+      }
+
       .subtitle {
         font-size: 1rem;
       }