Merge pull request #4840 from weseek/bug/83040-dot-button-desing

bug: Dot buttons in Search page design

packages/app/src/components/Common/Dropdown/PageItemControl.tsx

@@ -48,17 +48,22 @@ 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')}
+          <i className="icon-fw icon-star"></i>
+          {t('Add to bookmark')}
         </button>
         <button className="dropdown-item" type="button" onClick={() => toastr.warning(t('search_result.currently_not_implemented'))}>
-          <i className="icon-fw icon-docs"></i>{t('Duplicate')}
+          <i className="icon-fw icon-docs"></i>
+          {t('Duplicate')}
         </button>
         <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')}
+          <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>
     </>