Some **MANUAL** 😱 CSS changes

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>
       ))}
     </>
   );

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">

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 {