Tighten admin photo menu

src/admin/AdminPhotoMenuClient.tsx

@@ -29,6 +29,8 @@ export default function AdminPhotoMenuClient({
   const shouldRedirectFav = isPathFavs(path) && isFav;
   const shouldRedirectDelete = pathForPhoto({ photo: photo.id }) === path;
 
+  const favIconClass = 'translate-x-[-1.5px] translate-y-[0.5px]';
+
   const items = useMemo(() => {
     const items: MoreMenuItem[] = [{
       label: 'Edit',
@@ -41,11 +43,11 @@ export default function AdminPhotoMenuClient({
         icon: isFav
           ? <FaStar
             size={14}
-            className="text-amber-500 translate-x-[-1.5px]"
+            className={`text-amber-500 ${favIconClass}`}
           />
           : <FaRegStar
             size={14}
-            className="translate-x-[-2px]"
+            className={favIconClass}
           />,
         action: () => toggleFavoritePhotoAction(
           photo.id,

src/components/more/MoreMenuItem.tsx

@@ -27,7 +27,7 @@ export default function MoreMenuItem({
     <DropdownMenu.Item
       disabled={isLoading}
       className={clsx(
-        'px-3 py-1.5 rounded-[3px]',
+        'px-2 py-1.5 rounded-[3px]',
         'select-none hover:outline-none',
         'hover:bg-gray-50 active:bg-gray-100',
         'hover:dark:bg-gray-900/75 active:dark:bg-gray-900',