From f5865def00138498438dbfe4e22b3e18d69cd5f9 Mon Sep 17 00:00:00 2001
From: ryr0121 <ryr0121@gmail.com>
Date: Wed, 11 Oct 2023 17:03:55 +0900
Subject: [PATCH] =?UTF-8?q?[PDW-14]=20fix:=20=EC=9E=90=EC=9B=90=20?=
 =?UTF-8?q?=EC=98=88=EC=95=BD=20=ED=99=94=EB=A9=B4=20=EB=82=B4=20WhiteCont?=
 =?UTF-8?q?ainer=EB=A1=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/officeBooking/BookingTimeBar.js   |  3 +--
 .../booking/resourceBooking/ResourceBooking.js   | 16 ++++++++++------
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/officeBooking/BookingTimeBar.js b/src/components/officeBooking/BookingTimeBar.js
index 009500b..5c4b03f 100644
--- a/src/components/officeBooking/BookingTimeBar.js
+++ b/src/components/officeBooking/BookingTimeBar.js
@@ -13,7 +13,6 @@ var endT = -1;
 
 export const BookingContentContainer = styled.div`
     margin-left: 40px;
-    padding: 40px 0 0 0;
     display: flex;
 `
 
@@ -37,7 +36,7 @@ export const RequestButtonContainer = styled.div`
 export const RequestBookingButton = styled.button`
     border: none;
     padding: 5px 10px;
-    margin-right: 45px;
+    margin-right: 55px;
     margin-top: 15px;
     background: #8741CB;
     color: #FFF;
diff --git a/src/pages/booking/resourceBooking/ResourceBooking.js b/src/pages/booking/resourceBooking/ResourceBooking.js
index 3a6a144..08edbd0 100644
--- a/src/pages/booking/resourceBooking/ResourceBooking.js
+++ b/src/pages/booking/resourceBooking/ResourceBooking.js
@@ -10,13 +10,17 @@ import { SubTitleContainer, MainTextContainer, SubTextContainer, SelectedSubTitl
 import { BookingPurposeContainer, BookingCapsuleContainer, BookingPurposeTextFieldContainer } from 'components/officeBooking/BookingPurpose';
 import ResourceInfo from 'components/resourceInfo/ResourceInfo';
 import { BookingContentContainer, RequestButtonContainer, RequestBookingButton } from 'components/officeBooking/BookingTimeBar';
-import { RightContainer } from 'components/rightContainer/RightContainer';
+import { RightContainer, WhiteContainer } from 'components/rightContainer/RightContainer';
 import 'react-calendar/dist/Calendar.css';
 import styles from "../resourceBooking/CustomCalendar.css";
 
 var startDate = '';
 var endDate = '';
 
+const CustomWhiteContainer = styled(WhiteContainer)`
+    display: block;
+`
+
 export const TitleText = styled.p`
     color: #4C4C4C;
     font-family: NanumSquare_ac;
@@ -24,8 +28,8 @@ export const TitleText = styled.p`
     font-style: normal;
     font-weight: 700;
     align: left;
-    width: 200px;
-    margin-bottom: 10px;
+    display: flex;
+    margin: 0 0 10px 10px;
 `
 
 export const ContentContainer = styled.div`
@@ -136,7 +140,7 @@ function ResourceBooking(props) {
     return <RightContainer>
         <TitleText>자원 예약</TitleText>
 
-        <ContentContainer>
+        <CustomWhiteContainer>
 
             <SubTitleContainer>
                 <MainTextContainer>
@@ -192,7 +196,7 @@ function ResourceBooking(props) {
                 <BookingPurposeTextFieldContainer>
                     <PurposeTextarea id='bookingPurpose'
                         cols='135'
-                        rows='5'
+                        rows='4'
                         maxLength='100' />
                 </BookingPurposeTextFieldContainer>
             </BookingPurposeContainer>
@@ -203,7 +207,7 @@ function ResourceBooking(props) {
             </RequestButtonContainer>
 
 
-        </ContentContainer>
+        </CustomWhiteContainer>
     </RightContainer>
 }
 export default ResourceBooking;