From e01bd5e142f666999b9a3ae989b65585c8396516 Mon Sep 17 00:00:00 2001
From: mortezaei <mortezaei2324@gmail.com>
Date: Tue, 25 Aug 2026 14:50:22 +0330
Subject: [PATCH] style(tests): optimize question text and options vertical
 spacing in test flow

---
 src/components/Componentes/test-questions-flow.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Componentes/test-questions-flow.tsx b/src/components/Componentes/test-questions-flow.tsx
index ba8b136..38329d3 100644
--- a/src/components/Componentes/test-questions-flow.tsx
+++ b/src/components/Componentes/test-questions-flow.tsx
@@ -306,7 +306,7 @@ export default function TestQuestionsFlow({
                   key={q.id}
                   aria-hidden={offset !== 0}
                   className={[
-                    "absolute inset-0 flex flex-col overflow-y-auto pt-2 pb-4 will-change-transform transition-transform duration-200 ease-in-out",
+                    "absolute inset-0 flex flex-col overflow-y-auto pt-3 pb-6 will-change-transform transition-transform duration-200 ease-in-out",
                     offset === 0 && !isSliding
                       ? "pointer-events-auto"
                       : "pointer-events-none",
@@ -316,14 +316,14 @@ export default function TestQuestionsFlow({
                   }}
                 >
                   {/* Question Title */}
-                  <div className="w-full min-h-[100px] sm:min-h-[120px] flex items-center justify-center my-3 sm:my-4 shrink-0 px-2">
-                    <h2 className="text-[17px] sm:text-[18px] font-bold text-[#1F2024] leading-[1.6] text-center w-full">
+                  <div className="w-full min-h-[110px] sm:min-h-[130px] flex items-center justify-center mt-3 mb-6 sm:mt-5 sm:mb-8 shrink-0 px-3">
+                    <h2 className="text-[18px] sm:text-[19px] font-bold text-[#1F2024] leading-[1.7] text-center w-full">
                       {q.text}
                     </h2>
                   </div>
 
                   {/* Answer Options Stack */}
-                  <div className="w-full flex flex-col gap-3 pb-3">
+                  <div className="w-full flex flex-col gap-3.5 pb-6">
                     {options.map((option) => {
                       const isSelected = qSelectedValue === option.value;