From 28df6e35fbbd4ffb66d91460e33b407b172d0093 Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Mon, 10 Jul 2023 23:47:32 +0800
Subject: [PATCH] chore: tweak styles

---
 web/src/components/Header.tsx       | 2 +-
 web/src/components/ShortcutView.tsx | 2 +-
 web/src/pages/Home.tsx              | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/components/Header.tsx b/web/src/components/Header.tsx
index 1c68c7d..1b99c8f 100644
--- a/web/src/components/Header.tsx
+++ b/web/src/components/Header.tsx
@@ -17,7 +17,7 @@ const Header: React.FC = () => {
 
   return (
     <>
-      <div className="w-full bg-gray-50">
+      <div className="w-full bg-gray-50 border-b border-b-gray-200">
         <div className="w-full max-w-4xl mx-auto px-3 py-5 flex flex-row justify-between items-center">
           <div className="flex flex-row justify-start items-center shrink mr-2">
             <Link to="/" className="text-base font-mono font-medium cursor-pointer flex flex-row justify-start items-center">
diff --git a/web/src/components/ShortcutView.tsx b/web/src/components/ShortcutView.tsx
index eddb5a9..ee7c035 100644
--- a/web/src/components/ShortcutView.tsx
+++ b/web/src/components/ShortcutView.tsx
@@ -69,7 +69,7 @@ const ShortcutView = (props: Props) => {
               )}
             </div>
             <a
-              className="flex flex-row px-1 justify-start items-center cursor-pointer rounded-md hover:bg-gray-100 hover:shadow"
+              className="flex flex-row px-1 mr-1 justify-start items-center cursor-pointer rounded-md hover:bg-gray-100 hover:shadow"
               target="_blank"
               href={shortifyLink}
             >
diff --git a/web/src/pages/Home.tsx b/web/src/pages/Home.tsx
index c88f777..66339de 100644
--- a/web/src/pages/Home.tsx
+++ b/web/src/pages/Home.tsx
@@ -81,7 +81,7 @@ const Home: React.FC = () => {
             </Tabs>
           </div>
           <div>
-            <Button variant="soft" size="sm" onClick={() => setShowCreateShortcutDialog(true)}>
+            <Button className="shadow" variant="soft" size="sm" onClick={() => setShowCreateShortcutDialog(true)}>
               <Icon.Plus className="w-5 h-auto" /> New
             </Button>
           </div>