From 5fa17c8e232e5c736326d35a2c1aed4f6cec67f9 Mon Sep 17 00:00:00 2001
From: Dilson's Pickles <a.dawson@mu.se>
Date: Wed, 8 Mar 2023 17:42:44 +0000
Subject: [PATCH] Improve responsive styling

---
 src/components/button/DownloadMuseHubButton.jsx | 2 +-
 src/components/homepage/HeroBanner.astro        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/button/DownloadMuseHubButton.jsx b/src/components/button/DownloadMuseHubButton.jsx
index acd1dc6..56a1207 100644
--- a/src/components/button/DownloadMuseHubButton.jsx
+++ b/src/components/button/DownloadMuseHubButton.jsx
@@ -14,7 +14,7 @@ function DownloadMuseHubButton(props) {
         className="flex h-12 gap-3 px-4 items-center rounded justify-center whitespace-nowrap border border-blue-700 text-blue-700 hover:bg-blue-700 hover:text-white"
         href={href}
       >
-        Download with free effects and samples
+        Download with free VST effects
       </a>
     );
   }
diff --git a/src/components/homepage/HeroBanner.astro b/src/components/homepage/HeroBanner.astro
index e231115..cc176cf 100644
--- a/src/components/homepage/HeroBanner.astro
+++ b/src/components/homepage/HeroBanner.astro
@@ -17,7 +17,7 @@ import DownloadMuseHubButton from "../button/DownloadMuseHubButton";
       </div>
 
       <div class="flex flex-col items-center justify-center space-y-8">
-        <div class="flex gap-6">
+        <div class="flex flex-col w-full gap-3 sm:flex-row">
           <DownloadButton client:only primary />
           <DownloadMuseHubButton client:only />
         </div>