From d9ace06e8638cc0a89952565cb15ec5e14be17b2 Mon Sep 17 00:00:00 2001
From: robin <robin@rnode.me>
Date: Fri, 30 Sep 2022 17:21:22 +0800
Subject: [PATCH] refactor: adjust button position

---
 .../Detail/components/Question/index.tsx        | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/ui/src/pages/Questions/Detail/components/Question/index.tsx b/ui/src/pages/Questions/Detail/components/Question/index.tsx
index 130723a1..8cf000fe 100644
--- a/ui/src/pages/Questions/Detail/components/Question/index.tsx
+++ b/ui/src/pages/Questions/Detail/components/Question/index.tsx
@@ -66,14 +66,6 @@ const Index: FC<Props> = ({ data, initPage, hasAnswer }) => {
         </Link>
       </h1>
       <div className="d-flex align-items-center fs-14 mb-3 text-secondary">
-        <Button
-          variant="link"
-          size="sm"
-          className="p-0 me-3 btn-no-border"
-          onClick={(e) => handleFollow(e)}>
-          {followed ? 'Following' : 'Follow'}
-        </Button>
-
         <FormatTime
           time={data.create_time}
           preFix={t('Asked')}
@@ -86,10 +78,17 @@ const Index: FC<Props> = ({ data, initPage, hasAnswer }) => {
           className="me-3"
         />
         {data?.view_count > 0 && (
-          <div>
+          <div className="me-3">
             {t('Views')} {formatCount(data.view_count)}
           </div>
         )}
+        <Button
+          variant="link"
+          size="sm"
+          className="p-0 btn-no-border"
+          onClick={(e) => handleFollow(e)}>
+          {followed ? 'Following' : 'Follow'}
+        </Button>
       </div>
       <div className="mb-3">
         {data?.tags?.map((item: any) => {