From f0295079cc9f2997ce8c724a483d72679728b537 Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Mon, 14 Apr 2025 18:56:02 -0500
Subject: [PATCH] feat: quiz input angles animaiton

---
 .../components/Options/components/QuickInputs/index.css       | 4 ++--
 .../components/Options/components/QuickInputs/index.tsx       | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/website/src/components/Tankopedia/HeroSection/components/Options/components/QuickInputs/index.css b/packages/website/src/components/Tankopedia/HeroSection/components/Options/components/QuickInputs/index.css
index 44ee39965..7ea935b3e 100644
--- a/packages/website/src/components/Tankopedia/HeroSection/components/Options/components/QuickInputs/index.css
+++ b/packages/website/src/components/Tankopedia/HeroSection/components/Options/components/QuickInputs/index.css
@@ -1,8 +1,8 @@
 .quick-inputs {
-  display: none;
+  top: -2rem;
 }
 
 .quick-inputs:focus-within,
 .tank-sandbox-container:hover .quick-inputs {
-  display: flex;
+  top: 1rem;
 }
diff --git a/packages/website/src/components/Tankopedia/HeroSection/components/Options/components/QuickInputs/index.tsx b/packages/website/src/components/Tankopedia/HeroSection/components/Options/components/QuickInputs/index.tsx
index 83867a4b0..1aac73d42 100644
--- a/packages/website/src/components/Tankopedia/HeroSection/components/Options/components/QuickInputs/index.tsx
+++ b/packages/website/src/components/Tankopedia/HeroSection/components/Options/components/QuickInputs/index.tsx
@@ -71,8 +71,8 @@ export function QuickInputs() {
         pointerEvents: 'auto',
         position: 'absolute',
         left: '50%',
-        top: 16,
         transform: 'translateX(-50%)',
+        transitionDuration: '0.2s',
       }}
       className="quick-inputs"
     >