✨ (gdocs) add icon on mobile

owid · Jan 29, 2024 · 7976a4a · 7976a4a
1 parent 57c8018
commit 7976a4a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/site/gdocs/components/KeyIndicator.scss b/site/gdocs/components/KeyIndicator.scss
@@ -93,5 +93,10 @@
         @include sm-up {
             display: none;
         }
+
+        svg {
+            font-size: 0.75rem;
+            margin-left: 8px;
+        }
     }
 }
diff --git a/site/gdocs/components/KeyIndicator.tsx b/site/gdocs/components/KeyIndicator.tsx
@@ -1,5 +1,7 @@
 import React from "react"
 import cx from "classnames"
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome/index.js"
+import { faArrowRight } from "@fortawesome/free-solid-svg-icons"
 
 import {
     EnrichedBlockKeyIndicator,
@@ -111,6 +113,7 @@ export default function KeyIndicator({
                 href={d.datapageUrl}
             >
                 Explore and learn more about this data
+                <FontAwesomeIcon icon={faArrowRight} />
             </a>
         </div>
     )