Merge pull request #4 from muhammad-saad-maxiv/frontend-changes

scroll changed to auto, buttons overlapping issue fixed
MaxIV-KitsControls · Feb 23, 2021 · 7753cb1 · 7753cb1
2 parents cabcd58 + 47de8cd
commit 7753cb1
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 14 deletions.
diff --git a/js/attributes.css b/js/attributes.css
@@ -2,7 +2,7 @@
   list-style: none;
   padding-left: 10px;
   max-height: 120px;
-  overflow: scroll;
+  overflow: auto;
 }
 
 .attributes-radio-label {

diff --git a/js/attributes.js b/js/attributes.js
@@ -122,19 +122,22 @@ class PlottedAttributes extends React.Component {
       <FormGroup>
 
         <Panel footer={
-          <div>
-            <Button style={{ width: "49%" }} bsStyle="danger" onClick={this.onRemove.bind(this)}
-              disabled={this.state.selected.length == 0}
-              title="Remove the currently selected attribute(s) from the plot">
-              Remove Selected
+          <Row>
+            <Col xs={6} lg={6}>
+              <Button style={{ width: "100%" }} bsStyle="danger" onClick={this.onRemove.bind(this)}
+                disabled={this.state.selected.length == 0}
+                title="Remove the currently selected attribute(s) from the plot">
+                Remove Selected
                   </Button>
-            {' '}
-            <Button style={{ width: "49%" }} bsStyle="danger" onClick={this.onRemoveAll.bind(this)}
-              disabled={this.props.attributes.length == 0}
-              title="Remove all attribute(s) from the plot">
-              Remove All
+            </Col>
+            <Col xs={6} lg={6}>
+              <Button style={{ width: "100%" }} bsStyle="danger" onClick={this.onRemoveAll.bind(this)}
+                disabled={this.props.attributes.length == 0}
+                title="Remove all attribute(s) from the plot">
+                Remove All
                   </Button>
-          </div>
+            </Col>
+          </Row>
         }>
 
           <div>