From aa47400e3f8c6166cbdf8125d0ee4dc3378f1c8d Mon Sep 17 00:00:00 2001
From: "John de St. Germain" <jdestgermain@users.noreply.github.com>
Date: Sun, 28 Jul 2024 09:10:24 -0500
Subject: [PATCH] Update deprecation

---
 src/pages/manager/components/ChordManagerHeader.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/manager/components/ChordManagerHeader.tsx b/src/pages/manager/components/ChordManagerHeader.tsx
index e46242c1..7e89cada 100644
--- a/src/pages/manager/components/ChordManagerHeader.tsx
+++ b/src/pages/manager/components/ChordManagerHeader.tsx
@@ -8,15 +8,15 @@ export function ChordManagerHeader(): ReactElement {
           Device Manager
         </h1>
       </div>
-      <p>
-        NOTE: This site is deprecated. You should only use it if you are pre-CCOS and are 
-        updating your device to CCOS. Afterwards, you should use the new <a href="https://manager.charachorder.com/config/layout/">Device Manager.</a>
-        See <a href="https://docs.charachorder.com/CCOS.html#upgrade-to-ccos">the documentation</a> for more details on upgrading to CCOS.
-      </p>
       <p className="lg:w-1/2 w-full leading-relaxed text-gray-300 font-semibold font-mono">
         Welcome to the Device Manager. Here you can exercise control over the
         layout and chord library of your chording enabled device.
       </p>
+      <h2 className="lg:w-1/2 w-full leading-relaxed text-gray-300 font-semibold font-mono">
+        NOTE: This site is deprecated. You should only use it if you are pre-CCOS and are 
+        updating your device to CCOS. Afterwards, you should use the new <a className="underline" href="https://manager.charachorder.com/config/layout/">Device Manager.</a>
+        See <a className="underline" href="https://docs.charachorder.com/CCOS.html#upgrade-to-ccos">the documentation</a> for more details on upgrading to CCOS. 
+      </h2>
     </div>
   );
 }