From c78f333db0372e70c0d5d53aa4ffdc4fee0211e0 Mon Sep 17 00:00:00 2001
From: Sam Carlton <sam@sam.lc>
Date: Sat, 2 Jul 2022 14:26:16 -0500
Subject: [PATCH] Fix tooltip on mobile

---
 src/components/listing-parts/virtualization.astro | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/listing-parts/virtualization.astro b/src/components/listing-parts/virtualization.astro
index a5c303a..2670a78 100644
--- a/src/components/listing-parts/virtualization.astro
+++ b/src/components/listing-parts/virtualization.astro
@@ -43,14 +43,14 @@ const totalLinks = links.length
         class="related-videos w-full"
     >
         <div class="flex justify-center gap-3">
-            <div class="relative">
-                <Heading text="Virtualization Support" />
-                <div
-                    class="group absolute top-0 -right-8"
-                >
+            <Heading text="Virtualization Support" />
+            <div
+                class="group w-0"
+            >
+                <div class="md:relative">
                     <button class="h-5 text-xs bg-white-2 flex justify-center items-center outline-0 neumorphic-shadow rounded-full px-2">?</button>
                     <div
-                        class="text-sm bg-black/60 backdrop-blur-lg w-screen max-w-xs opacity-0 group-hover:opacity-100 absolute left-1/2 -translate-x-1/2 bottom-10 z-10 p-6"
+                        class="text-sm bg-black/60 backdrop-blur-lg w-screen md:max-w-xs opacity-0 group-hover:opacity-100 transition-opacity absolute left-1/2 right-1/2 md:-translate-x-1/2 bottom-0 md:bottom-10 z-10 p-6 -mx-1/2-screen md:mx-0"
                     >With Virtualization you can run apps on Apple Silicon Macs even if they are normally completely unsupported, such as Windows-only Apps, at the cost of some performance drop vs Native support. </div>
                 </div>
             </div>