From 2c400abb0ae9e24e2895fa72e77bcf8291cc9302 Mon Sep 17 00:00:00 2001
From: emil <emil28092005@gmail.com>
Date: Wed, 13 May 2026 00:50:55 +0300
Subject: [PATCH] fix(magic8ball): enlarge triangle, shrink text further for
 long answers

---
 src/components/generators/Magic8BallGenerator.astro | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/generators/Magic8BallGenerator.astro b/src/components/generators/Magic8BallGenerator.astro
index 73d1071..9bcdbe5 100644
--- a/src/components/generators/Magic8BallGenerator.astro
+++ b/src/components/generators/Magic8BallGenerator.astro
@@ -57,8 +57,8 @@ const copiedLabel = isRu ? "Скопировано" : "Copied";
           <div class="absolute inset-0 flex items-center justify-center">
             <div
               id="m8b-triangle"
-              class="w-28 h-28 sm:w-32 sm:h-32 flex items-center justify-center transition-all duration-300"
-              style="clip-path: polygon(50% 16%, 95% 92%, 5% 92%);"
+              class="w-32 h-32 sm:w-36 sm:h-36 flex items-center justify-center transition-all duration-300"
+              style="clip-path: polygon(50% 18%, 96% 92%, 4% 92%);"
             >
               <!-- Inner blue surface -->
               <div
@@ -77,7 +77,7 @@ const copiedLabel = isRu ? "Скопировано" : "Copied";
               <!-- Answer Text -->
               <span
                 id="m8b-answer"
-                class="relative z-10 text-center text-[8px] sm:text-[10px] font-bold text-white leading-[1.15] px-1.5 sm:px-2 mt-6 sm:mt-7 max-w-[5rem] sm:max-w-[6rem] transition-opacity duration-200"
+                class="relative z-10 text-center text-[7px] sm:text-[9px] font-bold text-white leading-[1.15] px-1 sm:px-1.5 mt-8 sm:mt-9 max-w-[4rem] sm:max-w-[5rem] transition-opacity duration-200"
                 style="text-shadow: 0 1px 2px rgba(0,0,0,0.5); opacity: 1;"
               >
                 {clickToAsk}