From 167b9d0ff9a113c30a348e7a4fb85bc6796f7007 Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Mon, 11 Jul 2022 23:08:13 -0700
Subject: [PATCH] serif nav and fix actionbuttons when isclient is false

---
 src/components/Nav.js                 | 2 +-
 src/components/index/ActionButtons.js | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Nav.js b/src/components/Nav.js
index 14e6f3c..693c4c7 100644
--- a/src/components/Nav.js
+++ b/src/components/Nav.js
@@ -11,7 +11,7 @@ const getNavClasses = (isClient) =>
 const Nav = ({ isClient, internalLinks, className }) => (
   <nav
     className={classnames(
-      "m-2 flex justify-center",
+      "m-2 flex justify-center font-serif",
       isClient ? "text-vibrant-light" : "text-gray-200",
       className
     )}
diff --git a/src/components/index/ActionButtons.js b/src/components/index/ActionButtons.js
index e2d60cb..38494f3 100644
--- a/src/components/index/ActionButtons.js
+++ b/src/components/index/ActionButtons.js
@@ -6,8 +6,8 @@ import Shuffle from "@spectrum-icons/workflow/Shuffle";
 
 const getButtonClasses = (isClient) =>
   classnames(
-    "z-20 rounded-md text-md inline-block px-2 py-1 mt-1 mr-2 text-md hover:underline text-black",
-    isClient ? "cool-border-small hover:bg-vibrant" : "text-gray-200"
+    "z-20 rounded-md text-md inline-block px-2 py-1 mt-1 mr-2 text-md hover:underline",
+    isClient ? "cool-border-small hover:bg-vibrant" : "text-gray-300 bg-gray-700"
   );
 
 const ActionButtons = ({ isClient, image, shuffleImage }) => (