From fa815460d92a45fc66f799026025fd98dbc88a3d Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Wed, 8 Mar 2023 08:48:15 -0800
Subject: [PATCH] remove mx hack

---
 src/components/KeywordsPicker.tsx | 2 +-
 src/components/MasonryGallery.tsx | 2 +-
 src/components/Nav.tsx            | 2 +-
 src/pages/photogallery.tsx        | 6 +++---
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/KeywordsPicker.tsx b/src/components/KeywordsPicker.tsx
index b8811a6..df7269c 100644
--- a/src/components/KeywordsPicker.tsx
+++ b/src/components/KeywordsPicker.tsx
@@ -9,7 +9,7 @@ interface KeywordsPickerProps {
 }
 const KeywordsPicker = ({ keywords, value, onChange }: KeywordsPickerProps) => {
   return (
-    <div className="mr-2 mt-2">
+    <div className="mx-2 mt-2">
       <span className="text-xs text-black">
         Collections
       </span>
diff --git a/src/components/MasonryGallery.tsx b/src/components/MasonryGallery.tsx
index fc3919c..ac3d1d1 100644
--- a/src/components/MasonryGallery.tsx
+++ b/src/components/MasonryGallery.tsx
@@ -118,7 +118,7 @@ const MasonryGallery = ({
   return (
     <div
       className={classNames(
-        "flex items-center flex-wrap mx-auto pr-4 pl-2 md:pr-8 md:pl-[72px]",
+        "flex items-center flex-wrap mx-auto px-4 md:px-8",
         isClient ? "" : ""
       )}
       // ref={observe}
diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
index eabc18a..d4c07d0 100644
--- a/src/components/Nav.tsx
+++ b/src/components/Nav.tsx
@@ -95,7 +95,7 @@ const Nav = ({ internalLinks, className }: NavProps) => {
         className
       )}
     >
-      <div className="md:flex items-baseline flex-auto">
+      <div className="md:flex items-baseline flex-auto ml-2">
         <h1 className="font-bold mr-2">Chuck Dries</h1>
         <h2 className="text-md">Software Engineer & Photographer</h2>
       </div>
diff --git a/src/pages/photogallery.tsx b/src/pages/photogallery.tsx
index 783ab7b..0e143a7 100644
--- a/src/pages/photogallery.tsx
+++ b/src/pages/photogallery.tsx
@@ -227,7 +227,7 @@ const GalleryPage = ({ data, location }: PageProps<Queries.GalleryPageQueryQuery
         </div>
         <div className="gradient pb-6">
           <div className="px-4 md:px-8 flex items-baseline">
-            <h3 className="mr-2 font-bold" id="recently">
+            <h3 className="mx-2 font-bold" id="recently">
               Recently published
             </h3>
             {sortKey !== "datePublished" && (
@@ -258,7 +258,7 @@ const GalleryPage = ({ data, location }: PageProps<Queries.GalleryPageQueryQuery
           />
         </div>
         <div className="px-4 md:px-8 mt-2 pt-2">
-          <h3 className="mr-2 font-bold" id="all">
+          <h3 className="mx-2 font-bold" id="all">
             All images
           </h3>
         </div>
@@ -283,7 +283,7 @@ const GalleryPage = ({ data, location }: PageProps<Queries.GalleryPageQueryQuery
             onChange={setKeyword}
             value={filterKeyword}
           />
-          <div className="my-2 flex flex-row items-end">
+          <div className="my-2 mr-2 flex flex-row items-end">
             <div className="border border-gray-400 rounded mr-2">
               <Switch
                 isSelected={showPalette}