From 318b6958662f14576977538d587ff6d0e50b63ab Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Wed, 19 Oct 2022 01:30:12 -0700
Subject: [PATCH] style updates

---
 src/components/KeywordsPicker.tsx | 2 +-
 src/pages/index.tsx               | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/KeywordsPicker.tsx b/src/components/KeywordsPicker.tsx
index 46ac9af..7959d19 100644
--- a/src/components/KeywordsPicker.tsx
+++ b/src/components/KeywordsPicker.tsx
@@ -17,7 +17,7 @@ const KeywordsPicker = ({ keywords, value, onChange }: KeywordsPickerProps) => {
             <li key={keyword}>
               <button
                 className={classNames(
-                  "py-[5px] px-2 rounded-full text-[#C8C8C8] hover:bg-gray-700 bg-[#1A1A1A] border border-[#494949]                  ",
+                  "py-[5px] px-2 rounded-full text-[#C8C8C8] hover:bg-black bg-[#1A1A1A] border border-[#494949]                  ",
                   selected && "bg-blue-600 hover:bg-blue-800"
                 )}
                 onClick={() => (selected ? onChange(null) : onChange(keyword))}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 00e3bf7..20ab349 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -168,8 +168,8 @@ const GalleryPage = ({ data }: PageProps<Queries.GalleryPageQueryQuery>) => {
         <Nav
           className="mb-4"
           internalLinks={[{ href: "/", label: "Home" }]}
-        ></Nav>
-        <div className="flex flex-col mr-5 md:ml-4 ml-2 mt-4 md:mt-6 font-serif">
+        />
+        <div className="flex flex-col text-center mr-5 md:ml-4 ml-2 my-4 md:my-7 font-serif">
           <h1 className="text-5xl mt-0 font-black z-10">Chuck Dries</h1>
           <h2 className="">Full Stack Software Engineer & Photographer</h2>
         </div>