add icon

src/client/js/components/PageEditor/HandsontableModal.jsx

@@ -105,7 +105,9 @@ export default class HandsontableModal extends React.Component {
         <Modal.Body className="p-0">
           <Navbar>
             <Navbar.Form>
-              <Button className="m-r-20" onClick={() => this.setState({ open: !this.state.open })}>Data Import</Button>
+              <Button className="m-r-20 data-import-button" onClick={() => this.setState({ open: !this.state.open })}>
+                Data Import<i className={this.state.open ? 'fa fa-angle-up' : 'fa fa-angle-down' }></i>
+              </Button>
               <ButtonGroup>
                 <Button onClick={() => { this.setClassNameToColumns('htLeft') }}><i className="ti-align-left"></i></Button>
                 <Button onClick={() => { this.setClassNameToColumns('htCenter') }}><i className="ti-align-center"></i></Button>

src/client/styles/scss/_handsontable.scss

@@ -20,4 +20,17 @@
   .data-import-form {
     background-color: #f8f8f8;
   }
+
+  .data-import-button {
+    position: relative;
+    padding-right: 35px;
+    padding-left: 10px;
+
+    i:before {
+      position: absolute;
+      top: 6px;
+      right: 8px;
+      font-size: 20px;
+    }
+  }
 }