From c671d07a39afa7435bfdc8e476e77398106f82ee Mon Sep 17 00:00:00 2001
From: geun <1416geun@naver.com>
Date: Thu, 25 Aug 2022 16:56:53 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B9=84=ED=96=89=EA=B3=84=ED=9A=8D=EC=8B=A0?=
 =?UTF-8?q?=EC=B2=AD=EC=84=9C=20=EC=82=AD=EC=A0=9C=EB=B2=84=ED=8A=BC=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/custom.css                     | 11 +++-
 .../basis/flight/plan/FlightPlanForm.js       | 57 +++++++++----------
 2 files changed, 37 insertions(+), 31 deletions(-)

diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css
index 7afb0e1..8483445 100644
--- a/src/assets/css/custom.css
+++ b/src/assets/css/custom.css
@@ -743,4 +743,13 @@ background-size: 75% auto;
 .layer-content-box .history-btn{border-radius:4px;display:block;width:100%;height:45px;line-height:45px;text-align:center;font-size: 0.875rem;color:#ddd;font-weight:500;}
 .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;}
\ No newline at end of file
+.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;
+	}
+}
diff --git a/src/components/basis/flight/plan/FlightPlanForm.js b/src/components/basis/flight/plan/FlightPlanForm.js
index 33c3d05..7f612e9 100644
--- a/src/components/basis/flight/plan/FlightPlanForm.js
+++ b/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>
               )