Make edit and issue buttons less glaring (#20370)

* Make edit and issue buttons less glaring"

* Fix br tag, use hairline colour for border, remove unused classes

---------

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

Author: rita3ko

src/components/overrides/TableOfContents.astro

@@ -7,6 +7,8 @@ import FeedbackPrompt from "../FeedbackPrompt.tsx";
 ---
 
 <Default {...Astro.props} />
+<br />
+<FeedbackPrompt client:idle />
 {
 	!Astro.url.pathname.startsWith("/support/") && (
 		<>
@@ -15,15 +17,15 @@ import FeedbackPrompt from "../FeedbackPrompt.tsx";
 				{Astro.props.editUrl && (
 					<a
 						href={Astro.props.editUrl}
-						class="h-8 cursor-pointer content-center rounded bg-cl1-brand-orange px-4 text-sm font-medium text-cl1-black"
+						class="inline-flex h-8 items-center justify-center gap-2 rounded border border-[--sl-color-hairline] px-3 text-black"
 					>
 						<Icon name="pencil" />
 						Edit
 					</a>
 				)}
 				<a
 					href="https://github.com/cloudflare/cloudflare-docs/issues/new/choose"
-					class="h-8 cursor-pointer content-center rounded bg-cl1-brand-orange px-4 text-sm font-medium text-cl1-black"
+					class="inline-flex h-8 items-center justify-center gap-2 rounded border border-[--sl-color-hairline] px-3 text-black"
 				>
 					<Icon name="github" />
 					Issue
@@ -32,5 +34,3 @@ import FeedbackPrompt from "../FeedbackPrompt.tsx";
 		</>
 	)
 }
-<br />
-<FeedbackPrompt client:idle />