From 294c9af246f3066b771bed84efbb8d0b279a5fff Mon Sep 17 00:00:00 2001
From: Nirup Anandaraman <nirup@google.com>
Date: Thu, 13 Aug 2020 12:14:38 -0400
Subject: [PATCH] Risk Analysis Dashboard UI fixes

---
 .../tabs/risk-tab/high-level/high-level.component.scss        | 2 ++
 .../app/home/dashboard/tabs/risk-tab/risk-tab.component.scss  | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/scm/src/app/home/dashboard/tabs/risk-tab/high-level/high-level.component.scss b/web/scm/src/app/home/dashboard/tabs/risk-tab/high-level/high-level.component.scss
index 0afbdc1..41b7667 100644
--- a/web/scm/src/app/home/dashboard/tabs/risk-tab/high-level/high-level.component.scss
+++ b/web/scm/src/app/home/dashboard/tabs/risk-tab/high-level/high-level.component.scss
@@ -1,8 +1,10 @@
 scm-pie-chart {
     width: 80%;
+    max-width: 500px;
 }
 
 scm-bar-chart {
     width: 80%;
     height: 100%;
+    max-width: 500px;
 }
diff --git a/web/scm/src/app/home/dashboard/tabs/risk-tab/risk-tab.component.scss b/web/scm/src/app/home/dashboard/tabs/risk-tab/risk-tab.component.scss
index 0bc5a78..e065635 100644
--- a/web/scm/src/app/home/dashboard/tabs/risk-tab/risk-tab.component.scss
+++ b/web/scm/src/app/home/dashboard/tabs/risk-tab/risk-tab.component.scss
@@ -7,7 +7,7 @@
     display: grid;
     box-sizing: border-box;
     max-width: 100%;
-    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
     grid-template-rows: repeat(auto-fit, minmax(min-content, 1fr));
     grid-auto-rows: auto;
     grid-gap: 1rem;
@@ -153,7 +153,7 @@ th {
     display: flex;
     flex-direction: column;
     align-items: center;
-    padding-bottom: 20px;
+    padding: 20px 0;
     width: 100%;
 }