From cdf3b8afb632e84bb1c61b0d42f008e6f759c863 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Tue, 31 Jan 2023 23:18:46 -0800
Subject: [PATCH] Fix Github LinkItem color and LinkItem width

---
 components/AboutPage/index.scss  | 5 +++++
 components/RoadmapPage/index.tsx | 2 +-
 styles/globals.scss              | 7 +------
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/AboutPage/index.scss b/components/AboutPage/index.scss
index 68f21a12..1dad165b 100644
--- a/components/AboutPage/index.scss
+++ b/components/AboutPage/index.scss
@@ -67,5 +67,10 @@
 
   .LinkItem {
     max-width: calc($width / 3 * 2);
+
+    @include breakpoint(phone) {
+      max-width: inherit;
+      width: 100%;
+    }
   }
 }
diff --git a/components/RoadmapPage/index.tsx b/components/RoadmapPage/index.tsx
index 695f437c..2b396078 100644
--- a/components/RoadmapPage/index.tsx
+++ b/components/RoadmapPage/index.tsx
@@ -21,7 +21,7 @@ const RoadmapPage = () => {
       <section className="notes">
         <p>{about('roadmap.blurb')}</p>
         <p>{about('roadmap.link.intro')}</p>
-        <div className="LinkItem">
+        <div className="Github LinkItem">
           <Link href="https://github.com/users/jedmund/projects/1/views/3">
             <a
               href="https://github.com/users/jedmund/projects/1/views/3"
diff --git a/styles/globals.scss b/styles/globals.scss
index 739f76e2..95e2892f 100644
--- a/styles/globals.scss
+++ b/styles/globals.scss
@@ -167,14 +167,9 @@ select {
     }
 
     &.Github {
-      .Left svg {
-        background: white;
-        border-radius: calc($diameter / 2);
-      }
-
       &:hover {
         .Left svg {
-          fill: #6e5494;
+          fill: var(--text-primary);
         }
       }
     }