change buttons' shape

src/client/js/components/Me/ImageCropModal.jsx

@@ -95,14 +95,14 @@ class ImageCropModal extends React.Component {
         </ModalBody>
         <ModalFooter>
           <div className="d-flex justify-content-between">
-            <button type="button" className="btn btn-sm bg-danger" onClick={this.reset}>
+            <button type="button" className="btn btn-outline-danger rounded-pill" onClick={this.reset}>
               Reset
             </button>
             <div className="d-flex">
-              <button type="button" className="btn btn-sm bg-light" onClick={this.props.onModalClose}>
+              <button type="button" className="btn btn-outline-secondary rounded-pill mr-2" onClick={this.props.onModalClose}>
                 Cancel
               </button>
-              <button type="button" className="btn btn-sm bg-primary" onClick={this.crop}>
+              <button type="button" className="btn btn-outline-primary rounded-pill" onClick={this.crop}>
                 Crop
               </button>
             </div>