Merge commit '8695b0e1338fa7cf81ea970c57e21ed362bb8c71' into HEAD

vgteam · Sep 5, 2023 · b9dc0b7 · b9dc0b7
2 parents dbbdf1e + 8695b0e
commit b9dc0b7
Showing 1 changed file with 29 additions and 23 deletions.
diff --git a/src/components/HeaderForm.js b/src/components/HeaderForm.js
@@ -704,8 +704,12 @@ class HeaderForm extends Component {
 
     return (
       <div>
-        {errorDiv}
-        <Container fluid={true}>
+        <Container>
+          <Row>
+            <Col>
+              {errorDiv}
+            </Col>
+          </Row>
           <Row>
             <Col md="auto">
               <img src="./logo.png" alt="Logo" />
@@ -786,27 +790,29 @@ class HeaderForm extends Component {
                 />
               )}
 
-              <Alert
-                color="danger"
-                isOpen={this.state.fileSizeAlert}
-                toggle={() => {
-                  this.setState({ fileSizeAlert: false });
-                }}
-                className="mt-3"
-              >
-                <strong>File size too big! </strong>
-                You may only upload files with a maximum size of{" "}
-                {MAX_UPLOAD_SIZE_DESCRIPTION}.
-              </Alert>
-
-              {examplesFlag ? (
-                <ExampleSelectButtons
-                  setDataOrigin={this.props.setDataOrigin}
-                  setColorSetting={this.props.setColorSetting}
-                />
-              ) : (
-                !mountedFilesFlag && DataPositionFormRowComponent 
-              )}
+              <Row>
+                <Alert
+                  color="danger"
+                  isOpen={this.state.fileSizeAlert}
+                  toggle={() => {
+                    this.setState({ fileSizeAlert: false });
+                  }}
+                  className="mt-3"
+                >
+                  <strong>File size too big! </strong>
+                  You may only upload files with a maximum size of{" "}
+                  {MAX_UPLOAD_SIZE_DESCRIPTION}.
+                </Alert>
+
+                {examplesFlag ? (
+                  <ExampleSelectButtons
+                    setDataOrigin={this.props.setDataOrigin}
+                    setColorSetting={this.props.setColorSetting}
+                  />
+                ) : (
+                  !mountedFilesFlag && DataPositionFormRowComponent 
+                )}
+              </Row>
             </Col>
           </Row>
         </Container>