From b1234407b837f1768bff9a6ff0259122b42e5c85 Mon Sep 17 00:00:00 2001
From: spencerwooo <spencer.woo@outlook.com>
Date: Sat, 5 Feb 2022 15:22:46 +0800
Subject: [PATCH] smaller padding and vertical height

---
 components/Breadcrumb.tsx   | 4 ++--
 components/SwitchLayout.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/Breadcrumb.tsx b/components/Breadcrumb.tsx
index 4ce3ae9..726ccf1 100644
--- a/components/Breadcrumb.tsx
+++ b/components/Breadcrumb.tsx
@@ -7,7 +7,7 @@ const HomeCrumb = () => {
   return (
     <Link href="/">
       <a>
-        <FontAwesomeIcon className="h-4 w-4" icon={['far', 'flag']} />
+        <FontAwesomeIcon className="h-3 w-3" icon={['far', 'flag']} />
         <span className="ml-2 font-medium">Home</span>
       </a>
     </Link>
@@ -27,7 +27,7 @@ const Breadcrumb: React.FC<{ query?: ParsedUrlQuery }> = ({ query }) => {
             .reverse()
             .map((p: string, i: number) => (
               <li key={i} className="flex flex-shrink-0 items-center">
-                <FontAwesomeIcon icon="angle-right" />
+                <FontAwesomeIcon className="h-3 w-3" icon="angle-right" />
                 <Link
                   href={`/${path
                     .slice(0, path.length - i)
diff --git a/components/SwitchLayout.tsx b/components/SwitchLayout.tsx
index 6533c16..fbe70ac 100644
--- a/components/SwitchLayout.tsx
+++ b/components/SwitchLayout.tsx
@@ -16,7 +16,7 @@ export const SwitchLayout = () => {
   return (
     <div className="w-24 flex-shrink-0 text-sm text-gray-600 dark:text-gray-300 md:w-28">
       <Listbox value={preferredLayout} onChange={setPreferredLayout}>
-        <Listbox.Button className="relative w-full cursor-pointer rounded py-1.5 pl-2">
+        <Listbox.Button className="relative w-full cursor-pointer rounded pl-2">
           <span className="pointer-events-none flex items-center">
             <FontAwesomeIcon className="mr-2 h-4 w-4" icon={preferredLayout.icon} />
             <span>{preferredLayout.name}</span>