From 506d2ed8ca82c530586a3c3ba37b51bfab668a5f Mon Sep 17 00:00:00 2001
From: Steven <stevenlgtm@gmail.com>
Date: Tue, 13 Aug 2024 23:28:02 +0800
Subject: [PATCH] chore: tweak menu style

---
 web/src/components/MemoDisplaySettingMenu.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/components/MemoDisplaySettingMenu.tsx b/web/src/components/MemoDisplaySettingMenu.tsx
index 97e242ce..812492b3 100644
--- a/web/src/components/MemoDisplaySettingMenu.tsx
+++ b/web/src/components/MemoDisplaySettingMenu.tsx
@@ -19,16 +19,16 @@ const MemoDisplaySettingMenu = ({ className }: Props) => {
       >
         <Icon.Settings2 className="w-4 h-auto shrink-0" />
       </PopoverTrigger>
-      <PopoverContent align="end" alignOffset={-12}>
+      <PopoverContent align="end" alignOffset={-12} sideOffset={14}>
         <div className="flex flex-col gap-2">
           <div className="w-full flex flex-row justify-between items-center">
-            <span className="text-sm shrink-0 mr-2">Order by</span>
+            <span className="text-sm shrink-0 mr-3">Order by</span>
             <Select value="displayTime">
               <Option value={"displayTime"}>Display Time</Option>
             </Select>
           </div>
           <div className="w-full flex flex-row justify-between items-center">
-            <span className="text-sm shrink-0 mr-2">Direction</span>
+            <span className="text-sm shrink-0 mr-3">Direction</span>
             <Select value={memoFilterStore.orderByTimeAsc} onChange={(_, value) => memoFilterStore.setOrderByTimeAsc(Boolean(value))}>
               <Option value={false}>DESC</Option>
               <Option value={true}>ASC</Option>