✨ Implement timetable editing

src/App.vue

@@ -41,7 +41,7 @@ const isDataView = computed(() => route.meta.dataView || false);
       :error="loadingFailed"
     />
     <div class="center">
-      <main>
+      <div class="container">
         <DateSelector
           :selectedDate="selectedDate"
           :selectedDay="selectedDay"
@@ -49,10 +49,12 @@ const isDataView = computed(() => route.meta.dataView || false);
           @changeDate="(date) => (changeDate = date)"
           v-show="isDataView"
         />
-        <div class="wrapper">
-          <RouterView />
-        </div>
-      </main>
+        <main>
+          <div class="wrapper">
+            <RouterView />
+          </div>
+        </main>
+      </div>
       <BottomNavbar v-show="!$route.meta.hideNav" />
     </div>
   </div>
@@ -90,15 +92,20 @@ body {
 }
 
 main {
-  width: 100%;
-  max-width: 900px;
+  height: 100%;
   overflow: hidden;
   display: grid;
-  grid-template-rows: auto 1fr;
+  grid-template-rows: 1fr;
 }
 </style>
 
 <style scoped>
+.container {
+  width: inherit;
+  max-width: 900px;
+  width: 100%;
+}
+
 .wrapper {
   overflow: hidden;
 }