.

src/assets/css/custom.css

@@ -1173,9 +1173,9 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 .invoice-list-dataTable.flight-approval .react-dataTable .rdt_TableBody .rdt_TableRow .rdt_TableCell{padding:0;min-height:60px;}
 .invoice-list-dataTable.flight-approval .react-dataTable .rdt_TableBody .rdt_TableRow .rdt_TableCell:hover{cursor: pointer;} */
 .invoice-list-dataTable.flight-approval .pal-dateTable a{color:rgba(0,0,0,0.87);}
-.sc-AxhCb.sc-AxmLO {order: 1!important;min-width:142px;position: relative;z-index: 2;}
+/* .sc-AxhCb.sc-AxmLO {order: 1!important;min-width:142px;position: relative;z-index: 2;}
 .sc-AxhCb.sc-AxmLO svg{width:16px;position:absolute;right:20px}
-.sc-AxhCb.sc-AxmLO::before{content:'자세히보기';position:absolute;z-index:-1;left:45%;transform:translateX(-45%);color:rgba(0,0,0,0.6);}
+.sc-AxhCb.sc-AxmLO::before{content:'자세히보기';position:absolute;z-index:-1;left:45%;transform:translateX(-45%);color:rgba(0,0,0,0.6);} */
 
 .flight-approval .rdt_TableHeadRow>div{display:none}
 .flight-approval .rdt_TableHeadRow .rdt_TableCol{display:block;font-size:0.8rem;}
@@ -1197,4 +1197,10 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
 
 .flight-not-approval-row {background-color: rgba(252, 3, 3, 0.4); }
 .flight-approval-row{background-color:rgba(63, 172, 225, 0.4);}
-.flight-approval-layer .layer-content-list button{padding:0;font-size: 0.8rem;}
+.flight-approval-layer .layer-content-list button{padding:0;font-size: 0.8rem;}
+
+.flight-approval-layer .react-dataTable.pal-dateTable .rdt_TableBody .rdt_TableRow .rdt_TableCell{padding:0;}
+
+.flight-approval-layer .react-dataTable.pal-dateTable .rdt_TableBody .rdt_TableRow .rdt_TableCell .btn{padding: 0.5rem 1rem;}
+
+.flight-approval-layer .__rdt_custom_sort_icon__{position:absolute;right:10%}

src/components/flight/FlightApprovalsTable.js

@@ -47,6 +47,7 @@ export default function FlightApprovalsTable(props) {
       selector: row => row.areaList[0].zoneNo,
       center: true,
       sortable: true,
+      width: '110px',
       cell: row => {
         return row.areaList[0].zoneNo + '번';
       }
@@ -55,7 +56,7 @@ export default function FlightApprovalsTable(props) {
       name: '중심좌표(위도/경도)',
       selector: row => row.areaList[0].lat,
       center: true,
-
+      width: '180px',
       sortable: true,
       cell: row => {
         return `${row.areaList[0].lat.toFixed(5)}/${row.areaList[0].lon.toFixed(
@@ -67,7 +68,6 @@ export default function FlightApprovalsTable(props) {
       name: '반경(m)',
       selector: row => row.areaList[0].bufferZone,
       center: true,
-
       sortable: true,
       cell: row => {
         return row.areaList[0].bufferZone;
@@ -122,6 +122,7 @@ export default function FlightApprovalsTable(props) {
       name: '더보기',
       selector: row => row.areaList,
       center: true,
+      width: '120px',
       cell: row => {
         return row.areaList.length > 1 ? (
           <Button
@@ -285,7 +286,7 @@ export default function FlightApprovalsTable(props) {
                 pagination={true}
                 // customStyles={customStyles}
                 conditionalRowStyles={conditionalRowStyles}
-                FlightInfoComponent={FlightInfoComponent}
+                // FlightInfoComponent={FlightInfoComponent}
                 handleRowClick={handleRowClick}
               />
             ) : (