Fix styles

Author: mugetsu

assets/css/base.scss

@@ -19,7 +19,7 @@ body {
 }
 
 .wrapper {
-  min-height: 100vh;
+  min-height: 100%;
   width: 100%;
   display: flex;
   flex-direction: column;

components/Drawer/index.vue

@@ -45,6 +45,6 @@ export default {
 .drawer {
   display: flex;
   flex-direction: column;
-  height: 92vh;
+  height: 92%;
 }
 </style>

components/DrawerItem/index.vue

@@ -43,7 +43,7 @@ export default {
 <style lang="scss" scoped>
 .drawer-item {
   display: inline-block;
-  height: 12vh;
+  height: 12.8vh;
   width: 100vw;
   margin-bottom: -4px;
   background-color: #343332;

pages/index.vue

@@ -24,7 +24,9 @@
             :selection.sync="country" />
         </DrawerItem>
         <DrawerItem title="TIMELINE">
-          <p>FEATURE TO BE ADDED SOON</p>
+          <div class="timeline">
+            <p>FEATURE TO BE ADDED SOON</p>
+          </div>
         </DrawerItem>
       </Drawer>
     </div>
@@ -118,6 +120,11 @@ export default {
   }
 }
 
+.timeline {
+  position: relative;
+  white-space: normal;
+}
+
 .covid-map {
   position: relative;
   z-index: 1;
@@ -153,7 +160,7 @@ export default {
   top: 0;
   left: 0;
   width: 100vw;
-  height: 100vh;
+  height: 100%;
   font-size: 24px;
   color: #ffffff;
 }