From 485c2ffdcd5fe97f7195286fd099526c0121c793 Mon Sep 17 00:00:00 2001
From: Janis Hutz <development@janishutz.com>
Date: Thu, 3 Oct 2024 10:35:03 +0200
Subject: [PATCH] fix typo, change statsView appear animation

---
 ui/src/components/formView.vue  | 2 +-
 ui/src/components/statsView.vue | 6 ++----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/ui/src/components/formView.vue b/ui/src/components/formView.vue
index b0bb8e1..26bc987 100644
--- a/ui/src/components/formView.vue
+++ b/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>
             
diff --git a/ui/src/components/statsView.vue b/ui/src/components/statsView.vue
index 653a057..754d3e8 100644
--- a/ui/src/components/statsView.vue
+++ b/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 {