From 06f7279977c24561ff53196808a0c34116eaf6ea Mon Sep 17 00:00:00 2001
From: Mendon Kissling <59585235+mendonk@users.noreply.github.com>
Date: Wed, 4 Jun 2025 15:09:06 -0400
Subject: [PATCH] docs: update details summary css for better arrow alignment
 (#8376)

* align-details-summary-appearance

* accessibility-suggestion
---
 docs/css/custom.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/docs/css/custom.css b/docs/css/custom.css
index 121903abe..3346ba83c 100644
--- a/docs/css/custom.css
+++ b/docs/css/custom.css
@@ -398,11 +398,19 @@ body {
 }
 
 .markdown details summary {
-  width: 100%;
-  padding: 0.5rem 1rem;
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+  list-style: none;
+  outline: none;
   cursor: pointer;
 }
 
+.markdown details summary:focus-visible {
+  outline: 2px solid var(--ifm-color-primary, #a855f7);
+  outline-offset: 2px;
+}
+
 .markdown details [class^="collapsibleContent"] {
   border-top: none !important;
   padding: 0;