메인 수정

src/assets/css/custom.css

@@ -352,6 +352,7 @@ h1.logo span{display:block;color:#8a1c05;font-weight:bold;letter-spacing:2px;fon
   }
   
 /*메인 대시보드*/
+.main-dashboard{padding-bottom:2rem}
 .main-dashboard .card{margin-bottom:0px;}
 .dashboard-section + .dashboard-section{margin-top:2rem;}
 .menu-page div{height:120px;}
@@ -362,8 +363,9 @@ h1.logo span{display:block;color:#8a1c05;font-weight:bold;letter-spacing:2px;fon
 .menu-list04{background:url('../../assets/images/menu004.png')#ddd;background-size:cover;background-position:50% 50%;}
 .dashboard-list-ti{font-weight: 500;font-size: 1.285rem;font-size:1.125rem;border-bottom:1px solid #404656;margin:0 1rem;padding:1rem;}
 .dashboard-list-ti svg{margin-top:-3px;margin-right:10px;}
-.dashboard-list-cont .card{padding:1rem;}
+.dashboard-list-cont .card{padding:1rem}
 .dashboard-section .card-header svg{color:#bbb;}
+.dashboard-section .card{min-height:265px}
 .dashboard-chart .card{height:520px;}
 .dashboard-chart .card .card-title{margin:10px 0;}
 .doughnut-chart-list{display: flex;flex-wrap: wrap;justify-content: space-evenly;margin-top:4rem;margin-bottom:1rem;}

src/components/dashboard/DashboardStcsArea.js

@@ -92,7 +92,8 @@ export const DashboardStcsArea = props => {
 
   return (
     <Card>
-      <CardHeader className='d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row flex-column'>
+      <CardHeader className=''>
+        <div className='w-100 d-flex justify-content-between'>
           <CardTitle tag='h4'>{titles[`${props.title}`]}</CardTitle>
           {/* <div className='d-flex align-items-center'>
             <Calendar size={14} />
@@ -105,6 +106,7 @@ export const DashboardStcsArea = props => {
               className='form-control flat-picker bg-transparent border-0 shadow-none'
             />
           </div> */}
+          <div className='d-flex align-items-center'>
             {props.title === 'flightsRegion' && (
               <>
                 <div className='datepicker-border-sm'>
@@ -122,11 +124,13 @@ export const DashboardStcsArea = props => {
                     />
                   </div>
                 </div>
-            <button onClick={e => {}}>
+                <button onClick={e => {}} style={{ marginLeft: '8px' }}>
                   <Plus />
                 </button>
               </>
             )}
+          </div>
+        </div>
       </CardHeader>
       <CardBody>
         <div style={{ height: '275px' }}>

src/components/dashboard/DashboardStcsDay.js

@@ -103,7 +103,9 @@ export const DashboardStcsDay = ({ startDate, setStartDate, data }) => {
   return (
     <Card>
       <CardHeader className='d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row flex-column'>
+        <div className='w-100 d-flex justify-content-between'>
           <CardTitle tag='h4'>일 별 비행횟수 통계</CardTitle>
+          <div className='d-flex align-items-center'>
             <div className='datepicker-border-sm'>
               <div className='datepicker-custom'>
                 <Calendar size={14} />
@@ -119,9 +121,11 @@ export const DashboardStcsDay = ({ startDate, setStartDate, data }) => {
                 />
               </div>
             </div>
-        <button onClick={e => {}}>
+            <button onClick={e => {}} style={{ marginLeft: '8px' }}>
               <Plus />
             </button>
+          </div>
+        </div>
       </CardHeader>
       <CardBody>
         <div style={{ height: '400px' }}>

src/components/dashboard/DroneFlightSchedule.js

@@ -77,15 +77,17 @@ export default function DroneFlightSchedule({ pageMove, data }) {
   return (
     <Card>
       <CardHeader className=''>
+        <div className='w-100 d-flex justify-content-between'>
           <CardTitle tag='h4'>드론 별 비행운항 목록</CardTitle>
-        <Col className='list-input' xs='2'>
-          <Input type='select'>
+          <div className='d-flex align-items-center'>
+            <Input type='select' size='sm' style={{ minWidth: '120px' }}>
               <option>그룹선택</option>
             </Input>
-          <button onClick={e => {}}>
+            <button onClick={e => {}} style={{ marginLeft: '8px' }}>
               <Plus />
             </button>
-        </Col>
+          </div>
+        </div>
       </CardHeader>
       <CardBody>
         <GridDatabase