비행계획신청서 삭제버튼 수정

src/assets/css/custom.css

@@ -744,3 +744,12 @@ background-size: 75% auto;
 .layer-content-box .history-btn:hover{border-radius:4px;background:#00cfe8;border-color:#00cfe8;transition: 0.3s ease;-webkit-transition: 0.3s ease;}
 .historyModal .drone-ti span{font-weight:500;margin-top:6px}
 .historyModal .drone-name{color:#00cfe8;margin:0 10px 0 0;}
+
+.search-info-box-del-btn{display: flex; align-items: center;}
+.search-info-box-del-btn button{cursor: pointer;margin-top:10px}
+@media (max-width: 992px){
+	.search-info-box-del-btn button {
+		margin-bottom:1rem;
+		margin-top:0px;
+	}
+}

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

@@ -158,7 +158,7 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele
                                                                         <span className='necessary'>*</span>비행시작일자
                                                                     </Label>
                                                                     <Flatpickr size='sm'
-                                                                               className='form-control calendar-flat'
+                                                                               className='form-control form-control-sm calendar-flat'
                                                                                type='text'
                                                                                id='schFltStDt'
                                                                                name='schFltStDt'
@@ -183,7 +183,7 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele
                                                                         <span className='necessary'>*</span>비행종료일자
                                                                     </Label>
                                                                     <Flatpickr size='sm'
-                                                                               className='form-control calendar-flat'
+                                                                               className='form-control form-control-sm calendar-flat'
                                                                                type='text'
                                                                                id='schFltEndDt'
                                                                                name='schFltEndDt'
@@ -597,7 +597,7 @@ const PilotForm = ({data, handleChange, index, handleDeleteArray}) => {
                     </div>
                 </FormGroup>
             </Col>
-            <Col className='list-input' lg={4} md={6} sm={12}>
+            <Col className='list-input' lg={3} md={6} sm={12}>
                 <FormGroup>
                     <Label for='test'>
                         <span className='necessary'>*</span>이메일
@@ -624,27 +624,26 @@ const PilotForm = ({data, handleChange, index, handleDeleteArray}) => {
                     />
                 </FormGroup>
             </Col>
-            {data.groupNm?
-              (
-                <Col className='pilot-del-btn' xs={12} md={2} xl={2} >
-                  <Button.Ripple
-                      color='danger'
-                      className='text-nowrap px-2'
-                      onClick={() =>
-                          handleDeleteArray({ type: 'pilot', index })
-                      }
-                      outline
-                  >
-                      <X size={14} className='mr-50' />
-                      <span>삭제</span>
-                  </Button.Ripple>
-                </Col>
-              )
-            :
-              (
-                <></>
-              )
-            }
+            <Col className='search-info-box-del-btn' lg={1} md={6} sm={12}>
+                {data.groupNm?
+                    (
+                        <Button.Ripple
+                            color='danger'
+                            className='btn-icon'
+                            onClick={() =>
+                                handleDeleteArray({ type: 'pilot', index })
+                            }
+                        >
+                            <X size={14} />
+                        </Button.Ripple>
+
+                    )
+                    :
+                    (
+                        <></>
+                    )
+                    }
+        </Col>
         </Row>
     </div>)
 }
@@ -734,7 +733,7 @@ const ArcrftForm = ({data, handleChange, index, handleDeleteArray}) => {
                     />
                 </FormGroup>
             </Col>
-            <Col className='list-input' lg={3} md={6} sm={12}>
+            <Col className='list-input' lg={2} md={6} sm={12}>
                 <FormGroup>
                     <Label for='test'>
                         <span className='necessary'>*</span>소유자명
@@ -783,17 +782,15 @@ const ArcrftForm = ({data, handleChange, index, handleDeleteArray}) => {
             }             */}
              {data.groupNm?
               (
-                <Col className='arcrft-del-btn' xs={12} md={2} xl={2} >
+                <Col className='search-info-box-del-btn' lg={1} md={6} sm={12}>
                   <Button.Ripple
                       color='danger'
-                      className='text-nowrap px-1'
+                      className='btn-icon'
                       onClick={() =>
                           handleDeleteArray({ type: 'arcrft', index })
                       }
-                      outline
                   >
-                      <X size={14} className='mr-50' />
-                      <span>삭제</span>
+                      <X size={14} />
                   </Button.Ripple>
                 </Col>
               )