From 3e435d139455a8d8cbff4eed70db4fcba085dc3c Mon Sep 17 00:00:00 2001
From: Miguel Medeiros <miguel@miguelmedeiros.com.br>
Date: Tue, 18 May 2021 18:06:51 -0300
Subject: [PATCH] Fix vertical align Graph. (#528)

* Fix graph component vertical css query.

* Fix chart-holder padding-top.
---
 .../television/television.component.scss         | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/components/television/television.component.scss b/frontend/src/app/components/television/television.component.scss
index 0c907ac9f..afd7a4207 100644
--- a/frontend/src/app/components/television/television.component.scss
+++ b/frontend/src/app/components/television/television.component.scss
@@ -17,12 +17,15 @@
 
 .chart-holder {
   height: calc(100vh - 270px);
-  min-height: 600px;
+  min-height: 525px;
   padding-left: 20px;
   width: 97%;
-  padding-top: 70px;
+  padding-top: 20px;
   @media(min-width: 992px){
-    padding-top: 30px;
+    padding-top: 10px;
+  }
+  @media(min-height: 800px){
+    padding-top: 60px !important;
   }
 }
 
@@ -63,8 +66,11 @@
     }
   }
 
-  :host ::ng-deep .ct-legend {
-    top: 25px;
+}
+:host ::ng-deep .ct-legend {
+  top: 20px !important;
+  @media(min-height: 800px){
+    padding-top: 40px !important;
   }
 }