style fixes

src/components/pages/Plan/CalendarComponent/CalendarComponent.css

@@ -2,6 +2,11 @@
   width: 312px;
 }
 
+.calendar-title {
+  margin-top: 0;
+  margin-bottom: 32px;
+}
+
 .weekday-table {
   user-select: none;
   background: transparent;

src/components/pages/Plan/CalendarComponent/CalendarComponent.tsx

@@ -85,7 +85,7 @@ export const CalendarComponent: React.FC<any> = ({ time, pickedTime }) => {
 
   return (
     <div className="calendar-container">
-      <h3 className="plan-title">Выберите дату.</h3>
+      <h3 className="title-planning calendar-title">Выберите <br></br> дату.</h3>
       <div className="calendar">
         <div className="calendar-header">
           <img

src/components/pages/Plan/PlanComponent.tsx

@@ -22,12 +22,10 @@ export const PlanComponent: React.FC<any> = () => {
 
   return (
     <div className="content-container-plan">
-      <img alt="logo" src={logo} className="plan-logo"></img>
       <div className="calendar-position">
         <AnimatePresence mode="wait">
           {isCalendar && (
             <motion.div
-              style={{ height: "560px" }}
               key={1}
               variants={popupAnimation}
               initial={"hidden"}
@@ -39,7 +37,6 @@ export const PlanComponent: React.FC<any> = () => {
           )}
           {isTimepicker && (
             <motion.div
-              style={{ height: "560px" }}
               key={2}
               variants={popupAnimation}
               initial={"hidden"}
@@ -51,7 +48,6 @@ export const PlanComponent: React.FC<any> = () => {
           )}
           {isForm && (
             <motion.div
-              style={{ height: "560px" }}
               key={3}
               variants={popupAnimation}
               initial={"hidden"}
@@ -63,7 +59,6 @@ export const PlanComponent: React.FC<any> = () => {
           )}
           {isDone && (
             <motion.div
-              style={{ height: "560px" }}
               key={4}
               variants={popupAnimation}
               initial={"hidden"}
@@ -77,7 +72,7 @@ export const PlanComponent: React.FC<any> = () => {
         {!isDone && (
           <>
             <div className="line line-calendar"></div>
-            <button className="button button-type-small">
+            <button style={{height: '32px'}} className="button button-type-small">
               На сайт жилого комплекса
             </button>
           </>

src/components/pages/Plan/TimepickerComponent/TimepickerComponent.tsx

@@ -51,7 +51,7 @@ export const TimepickerComponent: React.FC<any> = ({ time }) => {
   };
   return (
     <div className="calendar-container">
-      <h3 className="plan-title plan-title-plan">Выберите время.</h3>
+      <h3 style={{margin:"0"}} className="title-planning">Выберите <br></br> время.</h3>
       <button
         onClick={() => handleReturn()}
         style={{ width: "120px", padding: "4px 16px 4px 4px", height: "32px" }}