.

src/views/control/setting/steps/ReserveStep2.js

@@ -31,10 +31,10 @@ export default function ReserveStep2() {
               }}
             >
               <span style={{ fontWeight: 'bold' }}>성명</span>
-              <div style={{ marginBottom: '10px' }}>
+              <div style={{ padding: '10px' }}>
-                <input value='KIM' style={{ marginRight: '10px' }} />
+                <input value='KIM' style={{ marginRight: '10px',padding:'5px' }} />
-                <input value='YOONSUN' style={{ marginRight: '10px' }} />
+                <input value='YOONSUN' style={{ marginRight: '10px',padding:'5px' }} />
-                <input value='12345678' />
+                <input value='12345678' style={{ padding:'5px' }}/>
               </div>
               <div style={{ marginBottom: '10px' }}>
                 * 탑승자의 성명은 신분증상의 성명과 동일하게 입력하여 주시기
@@ -45,12 +45,13 @@ export default function ReserveStep2() {
               style={{
                 borderBottom: '1px dotted #000',
                 marginBottom: '10px',
-                height: '100px'
+                height: '100px',
+                padding: '10px'
               }}
             >
               <span style={{ fontWeight: 'bold' }}>신분할인 (여정1)</span>
               <div style={{ marginBottom: '10px' }}>
-                <select style={{ width: '72%' }}>
+                <select style={{ width: '72%' ,padding:'5px'}}>
                   <option>성인 (기본운임)</option>
                 </select>
               </div>
@@ -62,12 +63,13 @@ export default function ReserveStep2() {
               style={{
                 borderBottom: '1px dotted #000',
 
-                height: '50px'
+                height: '80px',
+                padding: '10px'
               }}
             >
               <span style={{ fontWeight: 'bold' }}>신분할인 (여정2)</span>
               <div style={{ marginBottom: '10px' }}>
-                <select style={{ width: '72%' }}>
+                <select style={{ width: '72%' ,padding:'5px'}}>
                   <option>성인 (기본운임)</option>
                 </select>
               </div>
@@ -86,7 +88,7 @@ export default function ReserveStep2() {
               }}
             >
               <span style={{ fontWeight: 'bold' }}>성별</span>
-              <div>
+              <div style={{ padding:'10px' }}>
                 <span style={{ padding: '5px 40px', border: '1px solid #000' }}>
                   남자
                 </span>
@@ -113,7 +115,7 @@ export default function ReserveStep2() {
               style={{
                 borderBottom: '1px dotted #000',
 
-                height: '50px'
+                height: '80px'
               }}
             ></div>
           </div>
@@ -141,7 +143,7 @@ export default function ReserveStep2() {
       </div>
       <div
         style={{
-          padding: '0 10px 0 10px',
+          padding: '10px',
           backgroundColor: '#F2F2F2',
           borderBottom: '1px dotted #000'
         }}

src/views/control/setting/steps/ReserveStep3.js

@@ -39,11 +39,10 @@ export default function ReserveStep3() {
             width: '15%',
             height: '50px',
             display: 'flex',
-            justifyContent: 'end',
             alignItems: 'center',
             backgroundColor: '#990033',
             color: '#fff',
-            padding: '5px',
+            padding: '10px',
             marginRight: '10px'
           }}
         >
@@ -54,9 +53,8 @@ export default function ReserveStep3() {
             width: '15%',
             height: '50px',
             display: 'flex',
-            justifyContent: 'end',
             alignItems: 'center',
-            padding: '5px',
+            padding: '10px',
             border: '1px solid #000',
             marginRight: '10px'
           }}
@@ -68,9 +66,8 @@ export default function ReserveStep3() {
             width: '15%',
             height: '50px',
             display: 'flex',
-            justifyContent: 'end',
             alignItems: 'center',
-            padding: '5px',
+            padding: '10px',
             border: '1px solid #000'
           }}
         >
@@ -106,7 +103,7 @@ export default function ReserveStep3() {
             marginRight: '10px'
           }}
         >
-          <select style={{ width: '400px' }}>
+          <select style={{ width: '400px',padding:'8px' }}>
             <option>카드 선택</option>
           </select>
         </div>
@@ -120,7 +117,7 @@ export default function ReserveStep3() {
             marginRight: '10px'
           }}
         >
-          <select style={{ width: '400px' }}>
+          <select style={{ width: '400px',padding:'8px' }}>
             <option>일시불</option>
           </select>
         </div>