style: change style schedule content

src/components/schedule/tabs/tabs.component.css

@@ -1,5 +1,5 @@
 .padding-content div {
-  padding: 30px 15px;
+  padding: 15px 0;
 }
 
 .margin-other-button {

src/pages/schedule/schedule.component.css

@@ -1,6 +1,12 @@
 .schedule {
   padding: 50px 15%;
   min-height: 60vh;
+  overflow: visible;
+}
+
+.schedule mat-sidenav-content {
+  overflow: inherit;
+  margin-bottom: 15px;
 }
 
 @media screen and (max-width: 599px) {

src/pages/schedule/schedule.component.ts

@@ -6,12 +6,13 @@ import {FormsModule} from "@angular/forms";
 import {AdditionalText, TableHeaderComponent} from "@component/schedule/table-header/table-header.component";
 import {addDays, weekInYear} from "@progress/kendo-date-math";
 import {MatCard} from "@angular/material/card";
-import {MatSidenavContainer} from "@angular/material/sidenav";
+import {MatSidenavModule} from "@angular/material/sidenav";
 import {TabsComponent, TabsSelect} from "@component/schedule/tabs/tabs.component";
 import {catchError, Observable} from "rxjs";
 import {ScheduleService} from "@api/v1/schedule.service";
 import {ScheduleResponse} from "@api/v1/scheduleResponse";
 import {PeriodTimes} from "@model/pairPeriodTime";
+import {MatCheckbox} from "@angular/material/checkbox";
 
 @Component({
   selector: 'app-schedule',
@@ -24,8 +25,9 @@ import {PeriodTimes} from "@model/pairPeriodTime";
     FormsModule,
     TableHeaderComponent,
     MatCard,
-    MatSidenavContainer,
-    TabsComponent
+    MatSidenavModule,
+    TabsComponent,
+    MatCheckbox
   ],
   templateUrl: './schedule.component.html',
   styleUrl: './schedule.component.css',