alignment fixes

microsoft · Apr 18, 2022 · d6d94e6 · d6d94e6
1 parent 2527f0a
commit d6d94e6
Show file tree

Hide file tree

Showing 8 changed files with 11 additions and 5 deletions.
diff --git a/...ashboard/Controls/CausalAnalysisView/CausalIndividualView/CausalIndividualChart.styles.ts b/...ashboard/Controls/CausalAnalysisView/CausalIndividualView/CausalIndividualChart.styles.ts
@@ -24,7 +24,7 @@ export const causalIndividualChartStyles: () => IProcessedStyleSet<ICausalIndivi
     return mergeStyleSets<ICausalIndividualChartStyles>({
       chartWithAxes: {
         paddingTop: "30px",
-        width: "97%"
+        width: "80%"
       },
       chartWithVertical: {
         width: "100%"

diff --git a/libs/core-ui/src/lib/Highchart/FeatureImportanceBar.styles.ts b/libs/core-ui/src/lib/Highchart/FeatureImportanceBar.styles.ts
@@ -25,7 +25,7 @@ export const featureImportanceBarStyles: IProcessedStyleSet<IFeatureImportanceBa
       width: "95%"
     },
     chartWithVertical: {
-      width: "100%"
+      width: "80%"
     },
     noData: {
       flex: "1",

diff --git a/libs/counterfactuals/src/lib/CounterfactualChart.styles.ts b/libs/counterfactuals/src/lib/CounterfactualChart.styles.ts
@@ -25,7 +25,7 @@ export const counterfactualChartStyles: () => IProcessedStyleSet<ICounterfactual
     return mergeStyleSets<ICounterfactualChartStyles>({
       chartWithAxes: {
         paddingTop: "30px",
-        width: "97%"
+        width: "80%"
       },
       chartWithVertical: {
         width: "100%"

diff --git a/...nalysis/src/lib/ErrorAnalysisDashboard/Controls/ErrorAnalysisView/ErrorAnalysis.styles.ts b/...nalysis/src/lib/ErrorAnalysisDashboard/Controls/ErrorAnalysisView/ErrorAnalysis.styles.ts
@@ -26,6 +26,7 @@ export const errorAnalysisStyles: () => IProcessedStyleSet<IErrorAnalysisStyles>
       errorAnalysis: {
         color: theme.semanticColors.bodyText,
         overflow: "auto",
+        padding: "0 20px 20px",
         width: "100%"
       },
       errorAnalysisWrapper: { paddingLeft: "15px" },

diff --git a/...terpret/src/lib/MLIDashboard/Controls/GlobalExplanationTab/GlobalExplanationTab.styles.ts b/...terpret/src/lib/MLIDashboard/Controls/GlobalExplanationTab/GlobalExplanationTab.styles.ts
@@ -77,6 +77,7 @@ export const globalTabStyles: () => IProcessedStyleSet<IGlobalTabStyles> =
       },
       legendAndSort: {
         height: "100%",
+        paddingLeft: "25px",
         paddingTop: "55px",
         width: rightMarginWidth
       },

diff --git a/libs/interpret/src/lib/MLIDashboard/Controls/WhatIfTab/LocalImportancePlots.tsx b/libs/interpret/src/lib/MLIDashboard/Controls/WhatIfTab/LocalImportancePlots.tsx
@@ -204,7 +204,7 @@ export class LocalImportancePlots extends React.Component<
                       onChange={this.setSortIndex}
                     />
                   </Stack.Item>
-                  <Stack.Item>
+                  <Stack.Item className={classNames.absoluteValueToggle}>
                     <Toggle
                       label={localization.Interpret.GlobalTab.absoluteValues}
                       inlineLabel

diff --git a/libs/interpret/src/lib/MLIDashboard/Controls/WhatIfTab/WhatIfTab.styles.ts b/libs/interpret/src/lib/MLIDashboard/Controls/WhatIfTab/WhatIfTab.styles.ts
@@ -10,6 +10,7 @@ import {
 } from "office-ui-fabric-react";
 
 export interface IWhatIfTabStyles {
+  absoluteValueToggle: IStyle;
   page: IStyle;
   blackIcon: IStyle;
   expandedPanel: IStyle;
@@ -83,6 +84,9 @@ export const whatIfTabStyles: () => IProcessedStyleSet<IWhatIfTabStyles> =
     const legendWidth = "160px";
     const theme = getTheme();
     return mergeStyleSets<IWhatIfTabStyles>({
+      absoluteValueToggle: {
+        width: "170px"
+      },
       blackIcon: {
         color: theme.semanticColors.bodyText
       },

diff --git a/...ssessment/src/lib/ModelAssessmentDashboard/Controls/ModelOverview/ModelOverview.styles.ts b/...ssessment/src/lib/ModelAssessmentDashboard/Controls/ModelOverview/ModelOverview.styles.ts
@@ -19,7 +19,7 @@ export const modelOverviewStyles: () => IProcessedStyleSet<IModelOverviewStyles>
         width: "400px"
       },
       sectionStack: {
-        padding: "16px 40px 10px 40px"
+        padding: "0 40px 10px 40px"
       }
     });
   };