From 90d646613bb4b0ad0168cc6e3d4016211627a90b Mon Sep 17 00:00:00 2001
From: haitaoo <haitao@sifou.com>
Date: Mon, 24 Jul 2023 10:55:21 +0800
Subject: [PATCH 1/2] refactor(Personal): An implementation of optimising
 `TopList` content spacing.

---
 ui/src/pages/Users/Personal/components/TopList/index.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/ui/src/pages/Users/Personal/components/TopList/index.tsx b/ui/src/pages/Users/Personal/components/TopList/index.tsx
index 42210a0f..c33fb51b 100644
--- a/ui/src/pages/Users/Personal/components/TopList/index.tsx
+++ b/ui/src/pages/Users/Personal/components/TopList/index.tsx
@@ -18,6 +18,7 @@ const Index: FC<Props> = ({ data, type }) => {
             className="mb-2"
             key={type === 'answer' ? item.answer_id : item.question_id}>
             <a
+              className="me-3"
               href={
                 type === 'answer'
                   ? pathFactory.answerLanding({
@@ -33,7 +34,7 @@ const Index: FC<Props> = ({ data, type }) => {
               {type === 'answer' ? item.question_info.title : item.title}
             </a>
 
-            <div className="d-inline-block text-secondary ms-3 small">
+            <div className="d-inline-block text-secondary me-3 small">
               <Icon name="hand-thumbs-up-fill me-1" />
               <span>
                 {item.vote_count} {t('votes', { keyPrefix: 'counts' })}
@@ -41,7 +42,7 @@ const Index: FC<Props> = ({ data, type }) => {
             </div>
             {type === 'question' && (
               <div
-                className={`d-inline-block text-secondary ms-3 small ${
+                className={`d-inline-block text-secondary me-3 small ${
                   Number(item.accepted_answer_id) > 0 ? 'text-success' : ''
                 }`}>
                 {Number(item.accepted_answer_id) > 0 ? (
@@ -58,7 +59,7 @@ const Index: FC<Props> = ({ data, type }) => {
             )}
 
             {type === 'answer' && item.accepted === 2 && (
-              <div className="d-inline-block text-success ms-3 small">
+              <div className="d-inline-block text-success me-3 small">
                 <Icon name="check-circle-fill" />
                 <span> {t('accepted')}</span>
               </div>

From 789f56686912c3f626160b36baca0969afe5c79f Mon Sep 17 00:00:00 2001
From: haitaoo <haitao@sifou.com>
Date: Mon, 24 Jul 2023 11:08:32 +0800
Subject: [PATCH 2/2] fix(Pagination): Replace `disabled` with `pe-none` to
 optimise style.

---
 ui/src/components/Pagination/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/Pagination/index.tsx b/ui/src/components/Pagination/index.tsx
index 6c3847ef..de3ab101 100644
--- a/ui/src/components/Pagination/index.tsx
+++ b/ui/src/components/Pagination/index.tsx
@@ -134,7 +134,7 @@ const Index: FC<Props> = ({
             path={handleParams(1)}
           />
 
-          <Pagination.Ellipsis disabled />
+          <Pagination.Ellipsis className="pe-none" />
         </>
       )}
       {currentPage >= 5 && (
@@ -182,7 +182,7 @@ const Index: FC<Props> = ({
             );
           })}
       {totalPage > 5 && realPage + 2 < totalPage && (
-        <Pagination.Ellipsis disabled />
+        <Pagination.Ellipsis className="pe-none" />
       )}
 
       {totalPage > 0 && currentPage < totalPage && (