From 6ca0584d7826c05fea157e4116c9ddbc8a53412e Mon Sep 17 00:00:00 2001
From: Mathieu Schimmerling <mathieu.schimmerling@protonmail.com>
Date: Mon, 28 Oct 2024 03:34:00 +0100
Subject: [PATCH] fix(play): fix play button a11y

---
 src/Index.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/Index.svelte b/src/Index.svelte
index 8486057c..9e601581 100644
--- a/src/Index.svelte
+++ b/src/Index.svelte
@@ -341,7 +341,7 @@
                             {@const frameworkSnippetIsError =
                               snippetsByFrameworkIdError.has(frameworkId)}
 
-                            <div style:margin-top="0rem" style:order="0">
+                            <div>
                               <div
                                 class="flex justify-between items-center space-x-3"
                               >
@@ -360,9 +360,10 @@
                                         aria-label={`Open playground for ${framework.title}`}
                                       >
                                         <button
-                                          class="opacity-50 hover:opacity-100 bg-gray-800 hover:bg-gray-700 py-1 px-1.5 rounded transition-all"
+                                          class="opacity-50 hover:opacity-100 bg-gray-800 hover:bg-gray-700 py-1 px-2 rounded transition-all flex items-center gap-x-2"
                                           title={`Open playground for ${framework.title}`}
                                           aria-label={`Open playground for ${framework.title}`}
+                                          tabindex="-1"
                                         >
                                           <div
                                             class="i-heroicons:play size-4"