Risk Analysis Dashboard UI fixes

googleinterns · Aug 13, 2020 · 294c9af · 294c9af
1 parent 88518e7
commit 294c9af
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 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
@@ -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
@@ -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%;
 }