From 173a019d31ccfe23aa6ab0f5374eb8a95d06be73 Mon Sep 17 00:00:00 2001
From: rektdeckard <friedtm@gmail.com>
Date: Mon, 12 Oct 2020 00:36:17 -0400
Subject: [PATCH] Header+Footer: fix copy and improve elevator btn

---
 src/components/Footer/Footer.css | 15 +++++++--------
 src/components/Footer/Footer.tsx |  9 +--------
 src/components/Header/Header.tsx |  4 ++--
 3 files changed, 10 insertions(+), 18 deletions(-)

diff --git a/src/components/Footer/Footer.css b/src/components/Footer/Footer.css
index 8754ccc..6f85f10 100644
--- a/src/components/Footer/Footer.css
+++ b/src/components/Footer/Footer.css
@@ -56,21 +56,20 @@ footer .links {
 
 @media screen and (max-width: 719px) {
   #back-to-top-button {
-    position: sticky;
-    top: calc(100% - 64px);
-    float: right;
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 48px;
-    height: 48px;
+    width: 56px;
+    height: 56px;
     padding: 0;
-    margin: 16px;
   }
 
   #back-to-top-button img {
-    width: 24px;
-    height: 24px;
+    width: 28px;
+    height: 28px;
   }
 
   footer .links {
diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index 537bb07..f149d7a 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -26,13 +26,6 @@ const Footer: React.FC<FooterProps> = () => {
           <img src={uArrowUpLeft} alt="" />
         </button>
         <div className="outro">
-          {/* <img id="command" src={commandKeySpec} alt="" />
-          <img
-            id="command"
-            className="inspectable xray"
-            src={commandKey}
-            alt=""
-          /> */}
           <Links />
           <p>
             We designed the icon library we always wanted to use. Easy to pick
@@ -41,7 +34,7 @@ const Footer: React.FC<FooterProps> = () => {
             a little quirky, too.
           </p>
           <p>
-            We're thankful for the open-source tools we've benefited from and
+            We're thankful for the tools we've benefited from and
             this is our small contribution towards a collaborative digital
             community.
           </p>
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
index 1adb7a4..bce3f5c 100644
--- a/src/components/Header/Header.tsx
+++ b/src/components/Header/Header.tsx
@@ -56,14 +56,14 @@ const Header: React.FC<HeaderProps> = () => {
         </div>
         <div className="intro">
           <h2>
-            Phosphor is a flexible icon family for interfaces, presentations — 
+            Phosphor is a flexible icon family for interfaces, diagrams, presentations — 
             <wbr />
             whatever, really.
           </h2>
           <div className="button-container">
             <button className="main-button" onClick={handleGetStarted}>
               <ArrowCircleUpRight size={24} weight="fill" />
-              See the docs
+              Get started
             </button>
             <button className="main-button" onClick={handleScrollToIcons}>
               <ArrowCircleDown size={24} weight="fill" />