From d721ca17588b9dd8e67c213335ca6699937d9cac Mon Sep 17 00:00:00 2001
From: "D. Rimron-Soutter" <darran@xalior.com>
Date: Fri, 10 Oct 2025 21:14:50 +0100
Subject: [PATCH] =?UTF-8?q?Some=20**MANUAL**=20=F0=9F=98=B1=20CSS=20change?=
 =?UTF-8?q?s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/registers/RegisterBrowser.tsx | 4 ++--
 src/app/registers/RegisterDetail.tsx  | 4 +---
 src/app/scss/_explorer.scss           | 9 ++++++---
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/app/registers/RegisterBrowser.tsx b/src/app/registers/RegisterBrowser.tsx
index 5218b0c..c4cac62 100644
--- a/src/app/registers/RegisterBrowser.tsx
+++ b/src/app/registers/RegisterBrowser.tsx
@@ -19,7 +19,7 @@ export function renderAccess(access: RegisterAccess, extraNotes: Note[] = []) {
   const renderTooltip = (notes: Note[]) => (
     <Tooltip id="tooltip">
       {notes.map((note, index) => (
-        <div key={index}><code>{note.ref}</code> {note.text}</div>
+        <div key={index}><span className="footnote-anchor">{note.ref}</span> {note.text}</div>
       ))}
     </Tooltip>
   );
@@ -60,7 +60,7 @@ export function renderAccess(access: RegisterAccess, extraNotes: Note[] = []) {
         </Table>
       }
       {access.notes.map((note, index) => (
-        <p key={index} className="small text-muted">{note.ref} {note.text}</p>
+          <p key={index} className="small text-muted"><span className="footnote-anchor">{note.ref}</span> {note.text}</p>
       ))}
     </>
   );
diff --git a/src/app/registers/RegisterDetail.tsx b/src/app/registers/RegisterDetail.tsx
index cd6b8d2..eda2a2f 100644
--- a/src/app/registers/RegisterDetail.tsx
+++ b/src/app/registers/RegisterDetail.tsx
@@ -19,8 +19,6 @@ export default function RegisterDetail({
 }) {
   const [showSource, setShowSource] = useState(false);
 
-  console.log("RENDERING: ", register.name, "FROM", register);
-
   return (
       <Col key={register.hex_address} xs={12} className="mb-4">
         <Card>
@@ -63,7 +61,7 @@ export default function RegisterDetail({
                   </div>
             ))}
             {register.notes && register.notes.map((note, index) => (
-                <p key={index} className="small text-muted">{note.ref}: {note.text}</p>
+                <p key={index} className="small text-muted"><span className="footnote-anchor">{note.ref}</span> {note.text}</p>
             ))}
             {register.text && register.text.length > 0 && (
                 <div className="mt-3">
diff --git a/src/app/scss/_explorer.scss b/src/app/scss/_explorer.scss
index 8626ee4..4937a7e 100644
--- a/src/app/scss/_explorer.scss
+++ b/src/app/scss/_explorer.scss
@@ -1,13 +1,16 @@
-.footnote-ref {
-  cursor: pointer;
+.footnote-anchor {
   color: $secondary;
   margin-left: 4px;
   font-weight: bold;
 }
+.footnote-ref {
+  @extend .footnote-anchor;
+  cursor: pointer;
+}
 
 .bits-table th:first-child,
 .bits-table td:first-child {
-  width: 120px;
+  width: 60px;
 }
 
 .bits-table td:last-child {