Make edit and issue buttons less glaring"

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-gray-300 bg-white px-3 text-s font-small text-black hover:bg-gray-50"
 					>
 						<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-gray-300 bg-white px-3 text-s font-small text-black hover:bg-gray-50"
 				>
 					<Icon name="github" />
 					Issue
@@ -32,5 +34,3 @@ import FeedbackPrompt from "../FeedbackPrompt.tsx";
 		</>
 	)
 }
-<br />
-<FeedbackPrompt client:idle />