From 6036503e15d568a0acc2aed0c83e6952c3097d30 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Thu, 1 Jul 2021 21:52:19 +0100
Subject: [PATCH] :beers: Working on the Features componwent

---
 src/components/HomepageFeatures.js |  5 ++++-
 src/styles/HomePageFeatures.scss   | 12 ++++++++++--
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/HomepageFeatures.js b/src/components/HomepageFeatures.js
index aa9e5df0..bcdbca1f 100644
--- a/src/components/HomepageFeatures.js
+++ b/src/components/HomepageFeatures.js
@@ -190,7 +190,10 @@ function Feature({ title, description, icon, index }) {
       <div className="feature-half text">
         <div className="feature-title">{icon}<h3>{title}</h3></div>
         <p>{description}</p>
-        <Button to="/docs" color={color}>{icon} Docs</Button>
+        <div className="read-the-docs">
+          <small>Learn more in the Docs</small>
+          <Button to="/docs" color={color}>{icon} Docs</Button>
+        </div>
       </div>
       <div className="feature-half assets">
         <div className="screenshot"></div>
diff --git a/src/styles/HomePageFeatures.scss b/src/styles/HomePageFeatures.scss
index d8743bf0..5705178f 100644
--- a/src/styles/HomePageFeatures.scss
+++ b/src/styles/HomePageFeatures.scss
@@ -26,6 +26,7 @@
       width: 40%;
       padding: 1rem;
       &.assets {
+        visibility: hidden; //temp
         background: var(--feature-color);
         display: flex;
         align-items: center;
@@ -46,6 +47,7 @@
       display: flex;
       align-items: flex-end;
       margin: 1rem 0;
+      color: var(--feature-color);
       svg {
         margin-right: 0.5rem;
         width: 2rem;        
@@ -54,9 +56,15 @@
         margin: 0;
       }
     }
-    a.button-link-wrapper {
+    div.read-the-docs {
       float: right;
-      margin: 0 1rem 1rem;
+      a.button-link-wrapper {
+        margin: 0 1rem 1rem;
+      }
+      small {
+        opacity: 0.75;
+        margin: 0 0.5rem;
+      }
     }
   }
 }
\ No newline at end of file