테이블 디자인 수정

src/components/flight/FlightApprovalsTable.js

@@ -87,6 +87,7 @@ export default function FlightApprovalsTable(props) {
       name: '민원번호',
       selector: row => row.planSno,
       center: true,
+
       minWidth: '10px',
       cell: row => {
         return row.planSno;
@@ -96,7 +97,8 @@ export default function FlightApprovalsTable(props) {
       name: '신청 일시',
       selector: row => row.cntrlStDt,
       minWidth: '10px',
-
+      center: true,
+      width: '120px',
       sortable: true,
       cell: row => {
         return dayjs(row.cntrlStDt).format('YYYY-MM-DD HH:mm');
@@ -107,6 +109,8 @@ export default function FlightApprovalsTable(props) {
       name: '중심 좌표(위도/경도)',
       selector: row => row.coord,
       minWidth: '10px',
+      center: true,
+      width: '120px',
       sortable: true,
       center: true,
       cell: row => {
@@ -119,7 +123,6 @@ export default function FlightApprovalsTable(props) {
       minWidth: '10px',
       sortable: true,
       center: true,
-
       cell: row => {
         return row.radius + 'm';
       }
@@ -151,7 +154,7 @@ export default function FlightApprovalsTable(props) {
       // selector: row => row.altitude,
       minWidth: '10px',
       sortable: true,
-
+      center: true,
       cell: row => {
         return (
           <Link
@@ -188,7 +191,7 @@ export default function FlightApprovalsTable(props) {
   };
 
   return (
-    <div className='layer-content drone-list' style={{ width: '100%' }}>
+    <div className='layer-content drone-list'>
       <Row>
         <Col>
           <div className='cont-ti d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'>

src/containers/flight/flightApprovalsContainer.js

@@ -337,7 +337,10 @@ export default function FlightApprovalsContainer() {
           >
             <Map size={18} />
           </button>
-          <div className='right-layer active' style={{ width: '600px' }}>
+          <div
+            className='right-layer active'
+            style={{ width: '600px', overflow: 'hidden' }}
+          >
             <div className='layer-content'>
               <FlightApprovalsReport handlerSearch={handlerSearch} />
               <FlightApprovalsTable