From ce3b8273102c5a2cc764d30c18c6b75f105bf976 Mon Sep 17 00:00:00 2001
From: Mark Caron <mark.caron@gmail.com>
Date: Fri, 20 Sep 2024 15:12:44 -0400
Subject: [PATCH] docs: reorder SLA alert

---
 docs/_plugins/shortcodes/renderLightDom.cjs | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/docs/_plugins/shortcodes/renderLightDom.cjs b/docs/_plugins/shortcodes/renderLightDom.cjs
index 39cf647157..6fdece5ded 100644
--- a/docs/_plugins/shortcodes/renderLightDom.cjs
+++ b/docs/_plugins/shortcodes/renderLightDom.cjs
@@ -20,11 +20,6 @@ async function renderLightDom(content, {
 
 This element has an optional "Lightdom CSS" <em>shim</em> to help reduce <a href="https://web.dev/cls/">Cumulative Layout Shift (CLS)</a> experience before the element has fully initialized.
 
-<rh-alert state="warning">
-  <h4 slot="header">Warning</h4>
-  <p>Lightdom CSS shims are an optional, temporary solution for reducing CLS. Delcarative Shadow DOM is the better solution, and once it is more widely available, Lightdom CSS shims will no longer be needed and will become deprecated.</p>
-</rh-alert>
-
 ~~~html
 <link rel="stylesheet" href="/path/to/${docsPage.tagName}/${docsPage.tagName}-lightdom-shim.css">
 ~~~
@@ -33,6 +28,11 @@ This element has an optional "Lightdom CSS" <em>shim</em> to help reduce <a href
   <h4 slot="header">Note</h4>
   <p>Replace <code>/path/to/</code> with path to the CSS file, whether local or CDN.</p>
 </rh-alert>
+
+<rh-alert state="warning">
+  <h4 slot="header">Warning</h4>
+  <p>Lightdom CSS shims are an optional, temporary solution for reducing CLS. Delcarative Shadow DOM is the better solution, and once it is more widely available, Lightdom CSS shims will no longer be needed and will become deprecated.</p>
+</rh-alert>
 `;
   } else {
     lightdomContent = markdown`