비행계획서(버튼 디자인 수정)

src/assets/css/custom.css

@@ -190,6 +190,13 @@ button{border:0;background:transparent;}
 .tab-menu ul li.active{border-bottom:2px solid #7367f0;}
 .tab-content{display:none;}
 .tab-content.active{display:block;}
+
+/*비행계획서 신청 버튼 css*/
+.arcrft-del-btn{float:right;margin-top: -39px;margin-right: 70px;
+}
+#ownerNm{width : 250px;}
+#email{width : 300px}
+.pilot-del-btn{float: right;margin-top: -39px;margin-right: 140px;}
 /*날씨상세정보*/
 .layer-weather-box{color:#bbb;}
 .layer-weather-box .layer-weather-table table{border:1px solid #404656;}

src/components/basis/flight/plan/FlightPlanForm.js

@@ -520,7 +520,7 @@ const AreaForm = ({data, handleChange, index}) => {
 const PilotForm = ({data, handleChange, index, handleDeleteArray}) => {
     return (<div className='search-info-box'>
         <Row>
-            <Col className='list-input' lg={3} md={6} sm={12}>
+            <Col className='list-input' lg={4} md={6} sm={12}>
                 <FormGroup>
                     <Label for='test'>
                         <span className='necessary'>*</span>성명
@@ -547,7 +547,7 @@ const PilotForm = ({data, handleChange, index, handleDeleteArray}) => {
                     />
                 </FormGroup>
             </Col>
-            <Col className='list-input' lg={3} md={6} sm={12}>
+            <Col className='list-input' lg={4} md={6} sm={12}>
                 <FormGroup className='m_ft'>
                     <div className='m_ft_box'>
                         <Label for='test'>
@@ -597,7 +597,7 @@ const PilotForm = ({data, handleChange, index, handleDeleteArray}) => {
                     </div>
                 </FormGroup>
             </Col>
-            <Col className='list-input' lg={3} md={6} sm={12}>
+            <Col className='list-input' lg={4} md={6} sm={12}>
                 <FormGroup>
                     <Label for='test'>
                         <span className='necessary'>*</span>이메일
@@ -622,14 +622,12 @@ const PilotForm = ({data, handleChange, index, handleDeleteArray}) => {
                         readOnly
 
                     />
-                </FormGroup>
+                     {data.groupNm?
-            </Col>
-            {data.groupNm?
               (
-                <Col className='count-del-btn' xs={12} md={2} xl={2} >
+                <Col className='pilot-del-btn' xs={12} md={2} xl={2} >
                   <Button.Ripple
                       color='danger'
-                      className='text-nowrap px-1'
+                      className='text-nowrap px-2'
                       onClick={() =>
                           handleDeleteArray({ type: 'pilot', index })
                       }
@@ -645,6 +643,9 @@ const PilotForm = ({data, handleChange, index, handleDeleteArray}) => {
                 <></>
               )
             }
+                </FormGroup>
+            </Col>
+           
         </Row>
     </div>)
 }
@@ -759,6 +760,27 @@ const ArcrftForm = ({data, handleChange, index, handleDeleteArray}) => {
                         readOnly
 
                     />
+                    {data.groupNm?
+              (
+                <Col className='arcrft-del-btn' xs={12} md={2} xl={2} >
+                  <Button.Ripple
+                      color='danger'
+                      className='text-nowrap px-1'
+                      onClick={() =>
+                          handleDeleteArray({ type: 'arcrft', index })
+                      }
+                      outline
+                  >
+                      <X size={14} className='mr-50' />
+                      <span>삭제</span>
+                  </Button.Ripple>
+                </Col>
+              )
+            :
+              (
+                <></>
+              )
+            }
                 </FormGroup>
             </Col>
             {/* {index !== 0 ?
@@ -780,28 +802,7 @@ const ArcrftForm = ({data, handleChange, index, handleDeleteArray}) => {
                 :
                 <></>            
             }             */}
-            {data.groupNm?
+
-              (
-                <Col className='count-del-btn' xs={12} md={2} xl={2} >
-                  <Button.Ripple
-                      color='danger'
-                      className='text-nowrap px-1'
-                      onClick={() =>
-                          handleDeleteArray({ type: 'arcrft', index })
-                      }
-                      outline
-                  >
-                      <X size={14} className='mr-50' />
-                      <span>삭제</span>
-                  </Button.Ripple>
-                </Col>
-              )
-            :
-              (
-                <></>
-              )
-            }
-            
         </Row>
     </div>)
 }