From 0b6de6ea0c2245288e63cf201f4dc4b30d6adef2 Mon Sep 17 00:00:00 2001
From: Kevin Ness <46825870+nekevss@users.noreply.github.com>
Date: Tue, 18 Jun 2024 14:03:19 -0400
Subject: [PATCH] Update hero banner for documentation button update (#157)

---
 src/components/home/index.module.css | 8 ++++++--
 src/components/home/index.tsx        | 6 ++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/home/index.module.css b/src/components/home/index.module.css
index a4bd2934..f681602e 100644
--- a/src/components/home/index.module.css
+++ b/src/components/home/index.module.css
@@ -24,6 +24,10 @@ html[data-theme="dark"] {
   .heroBanner {
     padding: 2rem;
   }
+
+  .buttons {
+    flex-direction: column;
+  }
 }
 
 .buttons {
@@ -32,6 +36,6 @@ html[data-theme="dark"] {
   justify-content: center;
 }
 
-.buttonMargin {
-  margin: 1em 0.5em;
+.buttons>a {
+  margin: 0.5rem;
 }
diff --git a/src/components/home/index.tsx b/src/components/home/index.tsx
index 44cfabfd..83ddb80e 100644
--- a/src/components/home/index.tsx
+++ b/src/components/home/index.tsx
@@ -24,13 +24,11 @@ function HomepageHeader() {
           >
             Visit Boa Playground
           </Link>
-        </div>
-        <div>
           <Link
-            className={"button button--secondary " + styles.buttonMargin}
+            className={"button button--secondary button--lg"}
             href="https://docs.rs/boa_engine/latest/boa_engine/"
           >
-            Documentation
+            View Documentation
           </Link>
         </div>
       </div>