调整弹编辑样式

demo/demolist/Demo0503.js

@@ -362,18 +362,18 @@ class EditModal extends Component {
       <Modal
         show={show}
         onHide={onHide}
-        style={{ width: 700 }}
+        style={{ width: 800 }}
         className="demo0503-m-b"
       >
         <Modal.Header closeButton>
           <Modal.Title>编辑行</Modal.Title>
         </Modal.Header>
-        <Modal.Body >
-          <Row style={{ width: 660, margin: "0 auto" }}>
+        <Modal.Body>
+          <Row style={{ width: 770, margin: "0 auto" }}>
             {
               columns.map((item, index) => {
                 return (
-                  <Col sm={6} md={6} lg={6} style={{ padding: 0 }} key={index}>
+                  <Col sm={6} md={6} lg={6} style={{ padding: "0 0 0 10px" }} key={index}>
                     <FormGroup>
                       <Label>{item.title}</Label>
                       {this.renderElm[item.key] &&
@@ -396,7 +396,7 @@ class EditModal extends Component {
             }
           </Row>
         </Modal.Body>
-        <Modal.Footer style={{textAlign: "center"}}>
+        <Modal.Footer style={{textAlign: "right"}}>
           <Button
             colors="dark"
             className="btn-abort"

demo/demolist/Demo0503.scss

@@ -9,6 +9,10 @@
     }
   }
 
+  .u-modal .u-modal-body {
+    padding: 16px 0;
+  }
+
   .u-form-group {
     overflow: hidden;
   }
@@ -17,17 +21,17 @@
     font-size: 12px;
   }
 
-  .u-modal-title {
-    text-align: center;
-  }
-
   .editable-cell {
     display: block;
     float: left;
-    width: 220px;
+    width: 265px;
     padding-right: 25px;
   }
 
+  .ref-input-wrap {
+    width: 240px !important;
+  }
+
   .u-label {
     display: block;
     float: left;
@@ -47,7 +51,7 @@
       top: 9px;
       left: -9px;
       color: red;
-      font-size: 18px;
+      font-size: 14px;
     }
   }
 

dist/demo.css

@@ -770,21 +770,24 @@
   .demo0503-m-b button.btn-abort:hover {
     background-color: #eff0f3 !important; }
 
+.demo0503-m-b .u-modal .u-modal-body {
+  padding: 16px 0; }
+
 .demo0503-m-b .u-form-group {
   overflow: hidden; }
 
 .demo0503-m-b .u-form-control {
   font-size: 12px; }
 
-.demo0503-m-b .u-modal-title {
-  text-align: center; }
-
 .demo0503-m-b .editable-cell {
   display: block;
   float: left;
-  width: 220px;
+  width: 265px;
   padding-right: 25px; }
 
+.demo0503-m-b .ref-input-wrap {
+  width: 240px !important; }
+
 .demo0503-m-b .u-label {
   display: block;
   float: left;
@@ -802,7 +805,7 @@
   top: 9px;
   left: -9px;
   color: red;
-  font-size: 18px; }
+  font-size: 14px; }
 
 .demo0503-m-b .required-icon {
   position: absolute;