From 339bbee9968d1d379d5b6ac3929205b7f7796143 Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Mon, 17 Oct 2022 08:31:58 -0700
Subject: [PATCH] styling updates

---
 src/components/KeywordsPicker.tsx |  2 +-
 src/pages/index.tsx               | 13 ++++---------
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/components/KeywordsPicker.tsx b/src/components/KeywordsPicker.tsx
index 3d6ba86..46ac9af 100644
--- a/src/components/KeywordsPicker.tsx
+++ b/src/components/KeywordsPicker.tsx
@@ -8,7 +8,7 @@ interface KeywordsPickerProps {
 }
 const KeywordsPicker = ({ keywords, value, onChange }: KeywordsPickerProps) => {
   return (
-    <div className="mx-2">
+    <div className="mx-2 mt-2">
       <span className="text-xs text-[#A2A2A2]">Collections</span>
       <ul className="flex gap-1 flex-wrap mt-1 mb-2">
         {keywords.map((keyword) => {
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 9da86be..a5f8b98 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -167,17 +167,12 @@ const GalleryPage = ({ data }: PageProps<Queries.GalleryPageQueryQuery>) => {
       <div className="sm:sticky top-0 pt-1 z-10 bg-black">
         <Nav
           className="mb-4"
-          internalLinks={[
-            { href: "/", label: "Home" },
-          ]}
+          internalLinks={[{ href: "/", label: "Home" }]}
         ></Nav>
         <div className="flex flex-col lg:flex-row lg:items-end justify-between">
-          <div className="flex flex-col mx-5 font-serif">
-
-          <h1 className="text-5xl mt-0 font-black z-10">
-            Chuck Dries
-          </h1>
-          <h2 className="">Full Stack Software Engineer & Photographer</h2>
+          <div className="flex flex-col mr-5 ml-2 font-serif">
+            <h1 className="text-5xl mt-0 font-black z-10">Chuck Dries</h1>
+            <h2 className="">Full Stack Software Engineer & Photographer</h2>
           </div>
           <KeywordsPicker
             keywords={[