From a21e417b81e1d638dfa74d0c882098d94cfbb8dc Mon Sep 17 00:00:00 2001
From: Yizhe Liu <yizheliu@amazon.com>
Date: Thu, 16 Apr 2020 18:23:08 -0700
Subject: [PATCH] Fix issue that width of Dashboard is somehow fixed. Issue:
 #29

---
 public/pages/Dashboard/Container/DashboardOverview.tsx | 4 ++--
 public/pages/Dashboard/index.scss                      | 3 ---
 public/pages/main/Main.tsx                             | 2 +-
 3 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/public/pages/Dashboard/Container/DashboardOverview.tsx b/public/pages/Dashboard/Container/DashboardOverview.tsx
index f41f0722..a24e6798 100644
--- a/public/pages/Dashboard/Container/DashboardOverview.tsx
+++ b/public/pages/Dashboard/Container/DashboardOverview.tsx
@@ -237,13 +237,13 @@ export function DashboardOverview() {
       />
       <EuiSpacer />
       <EuiFlexGroup justifyContent="spaceBetween">
-        <EuiFlexItem grow={7}>
+        <EuiFlexItem grow={6}>
           <AnomaliesDistributionChart
             allDetectorsSelected={true}
             selectedDetectors={currentDetectors}
           />
         </EuiFlexItem>
-        <EuiFlexItem grow={2}>
+        <EuiFlexItem grow={3}>
           <AnomalousDetectorsList selectedDetectors={currentDetectors} />
         </EuiFlexItem>
       </EuiFlexGroup>
diff --git a/public/pages/Dashboard/index.scss b/public/pages/Dashboard/index.scss
index e4ce35bc..53d43222 100644
--- a/public/pages/Dashboard/index.scss
+++ b/public/pages/Dashboard/index.scss
@@ -24,13 +24,10 @@
 }
 
 .anomaly-distribution-subtitle {
-  height: 28px;
-  width: 505px;
   color: #879196;
   font-family: 'Helvetica Neue';
   font-size: 12px;
   letter-spacing: 0;
-  line-height: 14px;
 }
 
 .live-badge {
diff --git a/public/pages/main/Main.tsx b/public/pages/main/Main.tsx
index 014bdb7c..2fa3deb5 100644
--- a/public/pages/main/Main.tsx
+++ b/public/pages/main/Main.tsx
@@ -70,7 +70,7 @@ export function Main(props: MainProps) {
       <EuiPageSideBar style={{ minWidth: 150 }} hidden={hideSideNavBar}>
         <EuiSideNav style={{ width: 150 }} items={sideNav} />
       </EuiPageSideBar>
-      <EuiPageBody>
+      <EuiPageBody restrictWidth={'70%'}>
         <Switch>
           <Route
             path={APP_PATH.DASHBOARD}