Merge pull request #4825 from weseek/bug/83040-83073-fix-dot-button-design

Bug/83040 83073 fix dot button design

packages/app/src/components/SearchPage/SearchResultListItem.tsx

@@ -53,9 +53,6 @@ const PageItemControl: FC<PageItemControlProps> = (props: PageItemControlProps)
           TODO: add function to the following buttons like using modal or others
           ref: https://estoc.weseek.co.jp/redmine/issues/79026
         */}
-        <button className="dropdown-item text-danger" type="button" onClick={deleteButtonHandler}>
-          <i className="icon-fw icon-fire"></i>{t('Delete')}
-        </button>
         <button className="dropdown-item" type="button" onClick={() => toastr.warning(t('search_result.currently_not_implemented'))}>
           <i className="icon-fw icon-star"></i>{t('Add to bookmark')}
         </button>
@@ -65,6 +62,10 @@ const PageItemControl: FC<PageItemControlProps> = (props: PageItemControlProps)
         <button className="dropdown-item" type="button" onClick={() => toastr.warning(t('search_result.currently_not_implemented'))}>
           <i className="icon-fw  icon-action-redo"></i>{t('Move/Rename')}
         </button>
+        <div className="dropdown-divider"></div>
+        <button className="dropdown-item text-danger pt-2" type="button" onClick={deleteButtonHandler}>
+          <i className="icon-fw icon-trash"></i>{t('Delete')}
+        </button>
       </div>
     </>
   );