From b26fe73a91e7703485de0e54011ec04978211ebc Mon Sep 17 00:00:00 2001 From: Shuaib Hasan Akib Date: Sat, 22 Nov 2025 09:36:15 +0600 Subject: [PATCH] docs(docs-infra): keep 'Show code' button aligned right and prevent metadata wrapping Ensures the example viewer header displays correctly by keeping the "Show code" button aligned to the right and preventing metadata text from wrapping. Improves layout consistency across documentation examples. --- .../viewers/example-viewer/example-viewer.component.scss | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/adev/shared-docs/components/viewers/example-viewer/example-viewer.component.scss b/adev/shared-docs/components/viewers/example-viewer/example-viewer.component.scss index adc1a4e485d..400756da6bf 100644 --- a/adev/shared-docs/components/viewers/example-viewer/example-viewer.component.scss +++ b/adev/shared-docs/components/viewers/example-viewer/example-viewer.component.scss @@ -28,7 +28,9 @@ align-items: center; gap: 0.5rem; border-bottom: 1px solid var(--senary-contrast); - transition: background 0.3s ease, border-color 0.3s ease; + transition: + background 0.3s ease, + border-color 0.3s ease; padding-inline-end: 0.65rem; font-family: var(--inter-tight-font); height: 3rem; @@ -88,17 +90,12 @@ align-items: center; width: auto; - &__show { - margin-right: auto; - } - .docs-example-show-code { display: flex; gap: 0.5rem; align-items: center; } } - } }