[EDIT] meeting info페이지 css 수정

react-whenMeet/src/components/MeetingInfoForm.js

@@ -41,12 +41,12 @@ function MeetingInfoForm() {
   };
 
   const handleStartTimeChange = (selectedHour, selectedMinute) => {
-    setStartNum(selectedHour*2 + selectedMinute/30)
+    setStartNum(selectedHour * 2 + selectedMinute / 30);
     setStartTime(`${selectedHour}:${selectedMinute}:00`);
   };
 
   const handleEndTimeChange = (selectedHour, selectedMinute) => {
-    setEndNum(selectedHour*2 + selectedMinute/30)
+    setEndNum(selectedHour * 2 + selectedMinute / 30);
     setEndTime(`${selectedHour}:${selectedMinute}:00`);
   };
 
@@ -116,16 +116,16 @@ function MeetingInfoForm() {
         <div className="calendar-month">
           <Calendar usingDate={usingDate} setUsingDate={setUsingDate} />
         </div>
+        <div className="form-input">
           <div className="timeStartEnd">
-          <h2>투표 가능 시간</h2>
+            <h2 className="availableVote">투표 가능 시간</h2>
             <TimeInput onTimeChange={handleStartTimeChange} />
             ~
             <TimeInput onTimeChange={handleEndTimeChange} />
           </div>
-        <div className="form-input">
           <h2>추가 설정</h2>
           <div className="num-of-people">
-            <h2>
+            <h2 className="numVoter">
               투표 인원수<span className="selection">(선택)</span>
             </h2>
             <Input

react-whenMeet/src/styles/MeetingInfo.css

@@ -38,8 +38,19 @@ h2 {
   font-size: 16px;
   padding: 5px;
 }
-
+.availableVote {
+  width: 40%;
+  text-align: left;
+  white-space: nowrap;
+}
+.numVoter {
+  width: 50%;
+  text-align: left;
+  white-space: nowrap;
+}
 .not-enter {
+  width: 50%;
+  text-align: left;
   white-space: nowrap;
 }