fix typo, change statsView appear animation

ui/src/components/formView.vue

@@ -216,7 +216,7 @@
         <div v-if="hasSelectedDate" class="main-interface">
 
             <div class="input-element">
-                <p>How many cigarets did you smoke on that day?</p>
+                <p>How many cigarettes did you smoke on that day?</p>
                 <input type="number" class="input" v-model="cigaretCount">
             </div>
             

ui/src/components/statsView.vue

@@ -30,7 +30,7 @@
 <style scoped>
     .stats-view {
         position: fixed;
-        top: 0;
+        top: 100vh;
         left: 0;
         width: 100%;
         height: 100%;
@@ -40,14 +40,12 @@
         /* TODO: Remove next line to have items top-aligned */
         justify-content: center; 
         flex-direction: column;
-        transform-origin: center;
-        transform: scale(0);
         transition: all 0.5s;
         z-index: 50;
     }
 
     .stats-view-shown {
-        transform: scale(1);
+        top: 0;
     }
 
     .close-stats {