Additional style changes

epigenesys · Jun 17, 2020 · cc977b6 · cc977b6
1 parent 29d37b0
commit cc977b6
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 12 deletions.
diff --git a/dist/editable.js b/dist/editable.js
@@ -291,7 +291,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = "#editable-popover {\n  max-width: none !important;\n}\n\n#editable-popover .btn {\n  vertical-align: top;\n}\n\n#editable-popover .help-block {\n  margin: 0px;\n}\n\n#editable-popover .has-error .help-block {\n  margin-top: 5px\n}";
+var css_248z = "#editable-popover {\n  max-width: none !important;\n}\n\n#editable-popover .fa-spinner,\n#editable-popover .btn {\n  margin-left: 5px;\n}\n\n#editable-popover .btn {\n  vertical-align: top;\n}\n\n#editable-popover .help-block {\n  margin: 0px;\n}\n\n#editable-popover .has-error .help-block {\n  margin-top: 5px\n}";
 styleInject(css_248z);
 
 var fontAwesomeStyle = {
@@ -357,10 +357,7 @@ var Editable = /*#__PURE__*/function (_React$Component) {
       var confirmButton = /*#__PURE__*/React.createElement(reactBootstrap.Button, {
         type: "submit",
         bsStyle: "primary",
-        bsSize: "sm",
-        style: {
-          marginLeft: "5px"
-        }
+        bsSize: "sm"
       }, /*#__PURE__*/React.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 512 512",
@@ -374,9 +371,6 @@ var Editable = /*#__PURE__*/function (_React$Component) {
         bsSize: "sm",
         onClick: function onClick() {
           return _this2.onCancel();
-        },
-        style: {
-          marginLeft: "5px"
         }
       }, /*#__PURE__*/React.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
@@ -410,7 +404,7 @@ var Editable = /*#__PURE__*/function (_React$Component) {
 
       if (this.state.isLoading) {
         controls = /*#__PURE__*/React.createElement("i", {
-          className: "fa fa-fw fa-spinner fa-spin"
+          className: "fa fa-fw fa-spinner fa-spin fa-2x"
         });
       }
 

diff --git a/src/Editable.js b/src/Editable.js
@@ -49,14 +49,14 @@ export default class Editable extends React.Component{
     }
     getEditingComponent(){
         let confirmButton = (
-            <Button type="submit" bsStyle="primary" bsSize="sm" style={{marginLeft: "5px"}}>
+            <Button type="submit" bsStyle="primary" bsSize="sm">
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style={fontAwesomeStyle}>
                     <path color="white" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/>
                 </svg>
             </Button>
         );
         let cancelButton = (
-            <Button bsStyle="default" bsSize="sm" onClick={() => this.onCancel()} style={{ marginLeft: "5px" }}>
+            <Button bsStyle="default" bsSize="sm" onClick={() => this.onCancel()}>
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512" style={{ ...fontAwesomeStyle, fill: "black" }}>
                     <path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"/>
                 </svg>
@@ -77,7 +77,7 @@ export default class Editable extends React.Component{
             </React.Fragment>
         );
         if(this.state.isLoading){
-            controls = <i className="fa fa-fw fa-spinner fa-spin" />
+            controls = <i className="fa fa-fw fa-spinner fa-spin fa-2x" />
         }
         let commonProps = {
             value: this.state.newValue,

diff --git a/src/editable.css b/src/editable.css
@@ -2,6 +2,11 @@
   max-width: none !important;
 }
 
+#editable-popover .fa-spinner,
+#editable-popover .btn {
+  margin-left: 5px;
+}
+
 #editable-popover .btn {
   vertical-align: top;
 }