From eee43b6341471da150179df507661270b108b1a4 Mon Sep 17 00:00:00 2001
From: DmitriyB <dimasik_burdin@inbox.ru>
Date: Tue, 26 Jul 2022 14:50:18 +0500
Subject: [PATCH] =?UTF-8?q?=D0=B0=D0=B4=D0=B0=D0=BF=D1=82=D0=B8=D1=80?=
 =?UTF-8?q?=D0=BE=D0=B2=D0=B0=D0=BD=D0=B0=20=D0=BE=D1=81=D0=BD=D0=BE=D0=B2?=
 =?UTF-8?q?=D0=BD=D0=B0=D1=8F=20=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86?=
 =?UTF-8?q?=D0=B0,=20=D0=B1=D0=B5=D0=B7=20=D1=84=D1=83=D1=82=D0=B5=D1=80?=
 =?UTF-8?q?=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx                                   |  2 +-
 src/components/mainPart/calendar/calendar.css |  2 +-
 src/components/mainPart/form/form.css         |  2 +-
 src/components/mainPart/mainPart.css          | 37 +++++++++++++++++--
 .../mainPart/timeSelector/timeSelector.css    |  2 +-
 5 files changed, 38 insertions(+), 7 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 0e15e03..60aa4e6 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -7,7 +7,7 @@ function App() {
   return (
     <div className="App">
       <MainPart />
-      <Footer />
+      {/* <Footer /> */}
     </div>
   );
 }
diff --git a/src/components/mainPart/calendar/calendar.css b/src/components/mainPart/calendar/calendar.css
index 3158f9e..a693d95 100644
--- a/src/components/mainPart/calendar/calendar.css
+++ b/src/components/mainPart/calendar/calendar.css
@@ -2,7 +2,7 @@
     width: 350px;
     width: 540px;
     width: 100%;
-    max-width: 500px;
+    /* max-width: 500px; */
     /* max-width: 100%; */
     /* border: 1px solid #a0a096; */
     border: none;
diff --git a/src/components/mainPart/form/form.css b/src/components/mainPart/form/form.css
index 5b51e9d..de472a0 100644
--- a/src/components/mainPart/form/form.css
+++ b/src/components/mainPart/form/form.css
@@ -2,7 +2,7 @@
     display: flex;
     flex-direction: column;
     width: 100%;
-    max-width: 500px;
+    /* max-width: 500px; */
     gap: 24px;
     height: 100%;
 }
diff --git a/src/components/mainPart/mainPart.css b/src/components/mainPart/mainPart.css
index be4e957..f5c3714 100644
--- a/src/components/mainPart/mainPart.css
+++ b/src/components/mainPart/mainPart.css
@@ -194,13 +194,14 @@
     z-index: 1;
     display: flex;
     flex-direction: column;
-    padding: 80px 0;
+    padding: 80px 0 0 0;
     margin-bottom: auto;
 }
 
 .plan-content-container {
     display: flex;
-    flex-direction: column;    
+    flex-direction: column;
+    width: 500px;
 }
 
 .plan-content-title {
@@ -294,6 +295,10 @@
         flex-direction: column;
         gap: 40px;
     }
+
+    .plan-content-container {
+        width: 482px;
+    }
 }
 
 @media screen and (max-width: 1024px) {
@@ -304,6 +309,10 @@
     .main-part-text-container {
         width: 100%;
     }
+
+    .plan-content-container {
+        width: 100%;
+    }
 }
 
 @media screen and (max-width: 640px) {
@@ -331,7 +340,8 @@
     }
 
     .main-part-text-button {
-        width: 100%;       
+        width: 100%;
+        height: 48px;
     }
 
     .main-part-content-or-line-container {        
@@ -345,4 +355,25 @@
         line-height: 100%;
         letter-spacing: 8px;
     }
+
+    .main-part-plan-content {
+        padding: 30px 0 0 0;
+        margin-bottom: auto;
+    }
+
+    .plan-content-content {
+        margin: 20px 0 16px 0;
+    }
+
+    .plan-content-title {
+        font-weight: 700;
+        font-size: 24px;
+        line-height: 100%;
+    }
+
+    .main-part-footer-container {
+        font-size: 8px;
+        gap: 4px;
+    }
+    
 }
\ No newline at end of file
diff --git a/src/components/mainPart/timeSelector/timeSelector.css b/src/components/mainPart/timeSelector/timeSelector.css
index d67fa3e..e024709 100644
--- a/src/components/mainPart/timeSelector/timeSelector.css
+++ b/src/components/mainPart/timeSelector/timeSelector.css
@@ -4,7 +4,7 @@
     width: 100%;
     gap: 26px;
     box-sizing: border-box;
-    max-width: 500px;
+    /* max-width: 500px; */
 }
 
 .time-selector-date {