From f4374de2634eb59bbc1b52d77cf414369c56cc56 Mon Sep 17 00:00:00 2001
From: Henry-Hiles <henry@henryhiles.com>
Date: Sun, 30 Mar 2025 21:55:33 -0400
Subject: [PATCH] Fix ui/ux issues

---
 src/pages/index.astro | 6 +++---
 src/styles/button.css | 2 +-
 src/styles/index.css  | 8 ++++++++
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 3261d85..77f09d6 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -17,7 +17,7 @@ import ButtonLink from "../components/ButtonLink.astro"
 <Layout>
     <header id="home">
         <Image src={logoLong} alt="Henry Hiles" />
-        <span>Multiplatform Flutter Developer and Frontend Web Developer</span>
+        <span>Multiplatform Flutter Developer & Frontend Web Developer</span>
     </header>
     <mdui-card variant="outlined">
         <section id="about">
@@ -101,7 +101,7 @@ import ButtonLink from "../components/ButtonLink.astro"
                                     development.
                                 </p>
                             </article>
-                            <aside>
+                            <aside class="double">
                                 <Image
                                     src={jobProcessor}
                                     alt="The QJobProcessor mobile app"
@@ -210,7 +210,7 @@ import ButtonLink from "../components/ButtonLink.astro"
                         ></path></svg
                     ></mdui-icon
                 >
-                Contact me to receive a quote
+                Contact me for a quote
             </ButtonLink>
         </section>
     </mdui-card>
diff --git a/src/styles/button.css b/src/styles/button.css
index b1bc2cc..4f1fd1b 100644
--- a/src/styles/button.css
+++ b/src/styles/button.css
@@ -3,7 +3,7 @@ button,
     display: flex;
     justify-content: center;
     align-items: center;
-    gap: 0.3em;
+    gap: 0.6em;
     border: 2px solid rgb(var(--primary));
     color: white;
     border-radius: 50px;
diff --git a/src/styles/index.css b/src/styles/index.css
index a570a07..55921cf 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -48,6 +48,10 @@ main > * > section {
         padding: 1em;
         flex-wrap: wrap;
 
+        @media (max-width: 500px) {
+            border: none;
+        }
+
         & a {
             min-width: 150px;
             width: 15%;
@@ -84,6 +88,10 @@ main > * > section {
                     & img {
                         border-radius: var(--mdui-shape-corner-medium);
                         border: 2px solid rgb(var(--primary));
+
+                        .double > & {
+                            width: 45%;
+                        }
                     }
                 }
                 :nth-child(2) > & {