fix safari bug in chart settings (#10686)

frontend/src/metabase/visualizations/components/ChartSettings.jsx

@@ -236,38 +236,36 @@ class ChartSettings extends Component {
             {widgetList}
           </div>
         ) : (
-          <div className="full-height relative">
-            <div className="Grid spread">
-              <div className="Grid-cell Cell--1of3 scroll-y scroll-show border-right py4">
-                {widgetList}
+          <div className="Grid">
+            <div className="Grid-cell Cell--1of3 scroll-y scroll-show border-right py4">
+              {widgetList}
+            </div>
+            <div className="Grid-cell flex flex-column pt2">
+              <div className="mx4 flex flex-column">
+                <Warnings
+                  className="mx2 align-self-end text-gold"
+                  warnings={this.state.warnings}
+                  size={20}
+                />
               </div>
-              <div className="Grid-cell flex flex-column pt2">
-                <div className="mx4 flex flex-column">
-                  <Warnings
-                    className="mx2 align-self-end text-gold"
-                    warnings={this.state.warnings}
-                    size={20}
-                  />
-                </div>
-                <div className="mx4 flex-full relative">
-                  <Visualization
-                    className="spread"
-                    rawSeries={rawSeries}
-                    showTitle
-                    isEditing
-                    isDashboard
-                    isSettings
-                    showWarnings
-                    onUpdateVisualizationSettings={this.handleChangeSettings}
-                    onUpdateWarnings={warnings => this.setState({ warnings })}
-                  />
-                </div>
-                <ChartSettingsFooter
-                  onDone={this.handleDone}
-                  onCancel={this.handleCancel}
-                  onReset={onReset}
+              <div className="mx4 flex-full relative">
+                <Visualization
+                  className="spread"
+                  rawSeries={rawSeries}
+                  showTitle
+                  isEditing
+                  isDashboard
+                  isSettings
+                  showWarnings
+                  onUpdateVisualizationSettings={this.handleChangeSettings}
+                  onUpdateWarnings={warnings => this.setState({ warnings })}
                 />
               </div>
+              <ChartSettingsFooter
+                onDone={this.handleDone}
+                onCancel={this.handleCancel}
+                onReset={onReset}
+              />
             </div>
           </div>
         )}