Refine admin menu

src/admin/AdminPhotoMenuClient.tsx

@@ -22,15 +22,15 @@ export default function AdminPhotoMenuClient({
     <MoreMenu {...{
       items: [
         {
-          label: 'Edit Photo',
-          icon: <FaRegEdit size={14} className="translate-y-[-0.5px]" />,
+          label: 'Edit',
+          icon: <FaRegEdit size={14} />,
           href: pathForAdminPhotoEdit(photo.id),
         }, {
           label: isFav ? 'Unfavorite' : 'Favorite',
           icon: isFav
             ? <FaStar
               size={14}
-              className="translate-y-[-1px] text-amber-500"
+              className="text-amber-500"
             />
             : <FaRegStar
               size={14}

src/components/MoreMenu.tsx

@@ -23,7 +23,7 @@ export default function MoreMenu({
   const itemClass = clsx(
     'block w-full',
     'border-none min-h-0 bg-transparent',
-    'text-base text-main text-left',
+    'text-sm text-main text-left',
     'px-3 py-1.5 rounded-[3px]',
     'hover:text-main',
     'hover:bg-gray-50 active:bg-gray-100',
@@ -58,7 +58,7 @@ export default function MoreMenu({
         </Menu.Button>
         <Menu.Items className={clsx(
           'absolute top-6',
-          'min-w-[9rem]',
+          'min-w-[8rem]',
           'text-left',
           'md:right-1',
           'p-1 rounded-md border',