[Docs Site] Shrink codeblock buttons on mobile to desktop size (#19334)

* [Docs Site] Shrink codeblock buttons on mobile to desktop size

* Update src/code.css

* Update src/code.css

Co-authored-by: Kian <[email protected]>

---------

Co-authored-by: Daniel Walsh <[email protected]>

Author: KianNH

astro.config.ts

@@ -164,9 +164,9 @@ export default defineConfig({
 			sidebar: await autogenSections(),
 			customCss: [
 				"./src/asides.css",
+				"./src/code.css",
 				"./src/headings.css",
 				"./src/input.css",
-				"./src/kbd.css",
 				"./src/littlefoot.css",
 				"./src/mermaid.css",
 				"./src/table.css",

src/code.css

@@ -0,0 +1,8 @@
+/*
+    This is normally set to 2.5rem if the user is unable to hover (i.e mobile)
+    and 2rem otherwise, we would like it to always be 2rem.
+*/
+.expressive-code .copy button {
+	width: 2rem !important;
+	height: 2rem !important;
+}