fix: mobile copy button positioning

Author: wackerow

src/components/Codeblock.tsx

@@ -251,7 +251,7 @@ const Codeblock = ({
     /* Context: https://github.com/ethereum/ethereum-org-website/issues/6202 */
     <div className={cn("relative", className)} dir="ltr">
       <div
-        className="mb-4 overflow-scroll rounded"
+        className="overflow-scroll rounded"
         style={{
           maxHeight: isCollapsed
             ? `calc((1.2rem * ${LINES_BEFORE_COLLAPSABLE}) + 4.185rem)`

src/pages/index.tsx

@@ -431,22 +431,24 @@ const HomePage = ({
                             </p>
                           </div>
                         </AccordionTrigger>
-                        <AccordionContent className="max-h-[50vh] overflow-auto border-t">
+                        <AccordionContent className="relative border-t">
                           <Suspense fallback={<SkeletonLines noOfLines={16} />}>
-                            <Codeblock
-                              codeLanguage={codeLanguage}
-                              allowCollapse={false}
-                              className="[&>div]:-m-2 [&>div]:rounded-none [&_*]:!text-xs [&_pre]:p-4"
-                              fromHomepage
-                            >
-                              {code}
-                            </Codeblock>
-                            <Button
-                              onClick={() => onCopy(code)}
-                              className="absolute end-4 top-24"
-                            >
-                              {hasCopied ? <MdCheck /> : <IoMdCopy />}
-                            </Button>
+                            <div className="-m-2 max-h-[50vh] overflow-auto">
+                              <Codeblock
+                                codeLanguage={codeLanguage}
+                                allowCollapse={false}
+                                className="[&>div]:-m-//2 [&>div]:rounded-none [&_*]:!text-xs [&_pre]:p-4"
+                                fromHomepage
+                              >
+                                {code}
+                              </Codeblock>
+                              <Button
+                                onClick={() => onCopy(code)}
+                                className="absolute end-4 top-4"
+                              >
+                                {hasCopied ? <MdCheck /> : <IoMdCopy />}
+                              </Button>
+                            </div>
                           </Suspense>
                         </AccordionContent>
                       </AccordionItem>