update header

apps/app/src/components/ReactMarkdownComponents/Header.module.scss

@@ -3,12 +3,19 @@
     text-decoration: none;
   }
 
-  .revision-head-link,
-  .revision-head-edit-button {
+  .revision-head-link {
+    margin-right: 0.5em;
+    user-select: none;
+    opacity: 0.5;
+  }
+  .revision-head-edit-button{
     margin-left: 0.5em;
-    font-size: 0.6em;
+    font-size: 16px;
     user-select: none;
-    opacity: 0;
+    opacity: 0.5;
+    .material-symbols-outlined{
+      vertical-align: middle;
+    }
   }
 }
 

apps/app/src/components/ReactMarkdownComponents/Header.tsx

@@ -114,10 +114,10 @@ export const Header = (props: HeaderProps): JSX.Element => {
 
   return (
     <CustomTag id={id} className={`${styles['revision-head']} ${isActive ? styles.blink : ''}`}>
-      {children}
-      <NextLink href={`#${id}`} className="revision-head-link">
-        <span className="material-symbols-outlined">link</span>
+      <NextLink href={`#${id}`} className="d-none d-md-inline revision-head-link">
+        #
       </NextLink>
+      {children}
       {showEditButton && (
         <EditLink line={node.position?.start.line} />
       )}