Update scope link icon

Author: AndreasArvidsson

packages/cursorless-org-docs/src/docs/user/languages/components/ScopeSupport.css

@@ -2,10 +2,11 @@
   font-weight: 600;
 }
 
-.link-icon {
-  margin-left: 0.25rem;
+.scope-header a {
+  display: none;
+  margin-left: 0.5rem;
 }
 
-.link-icon:hover {
-  text-decoration: none;
+.scope-header:hover a {
+  display: inline;
 }

packages/cursorless-org-docs/src/docs/user/languages/components/ScopeSupport.tsx

@@ -88,11 +88,9 @@ function renderScope(
   const href = scope.scope.toLowerCase().replaceAll(" ", "-");
   return (
     <div key={scope.scope}>
-      <h3 id={href}>
+      <h3 id={href} className="scope-header">
         {scope.scope}
-        <a href={`#${href}`} className="link-icon">
-          🔗
-        </a>
+        <a href={`#${href}`}>#</a>
       </h3>
       {scope.facets.map((f) =>
         renderFacet(languageId, rangeType, renderWhitespace, f),