Fix issue that width of Dashboard is somehow fixed. Issue: opendistro…

…-for-elasticsearch#29
yizheliu-amazon · Apr 17, 2020 · a21e417 · a21e417
1 parent 66bc75a
commit a21e417
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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}