From 2ce0f90cb83cbbca27dabce61e30833d52a12ba8 Mon Sep 17 00:00:00 2001
From: Michael An <2331806369@qq.com>
Date: Tue, 5 Dec 2023 12:02:56 +0800
Subject: [PATCH] Change share dialog button style (#5812)

* change share button size

* change submit button loading style
---
 .../dialog/custom-permission/custom-permission-editor.js        | 2 +-
 .../dialog/custom-permission/list-custom-permissions.js         | 2 +-
 frontend/src/components/dialog/share-to-invite-people.js        | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/dialog/custom-permission/custom-permission-editor.js b/frontend/src/components/dialog/custom-permission/custom-permission-editor.js
index 988c3474d0..07ff7c46d4 100644
--- a/frontend/src/components/dialog/custom-permission/custom-permission-editor.js
+++ b/frontend/src/components/dialog/custom-permission/custom-permission-editor.js
@@ -126,7 +126,7 @@ class CustomPermissionEditor extends React.Component {
             <span>{title}</span>
           </div>
           <div className="operation">
-            <button type="button" className="btn btn-outline-primary" onClick={this.onUpdateCustomPermission}>{gettext('Submit')}</button>
+            <button type="button" className="btn btn-sm btn-outline-primary" onClick={this.onUpdateCustomPermission}>{gettext('Submit')}</button>
           </div>
         </div>
         <div className="permission-main mt-4">
diff --git a/frontend/src/components/dialog/custom-permission/list-custom-permissions.js b/frontend/src/components/dialog/custom-permission/list-custom-permissions.js
index 2f9fdf6af4..96867672df 100644
--- a/frontend/src/components/dialog/custom-permission/list-custom-permissions.js
+++ b/frontend/src/components/dialog/custom-permission/list-custom-permissions.js
@@ -20,7 +20,7 @@ class ListCustomPermissions extends React.Component {
         <div className="permission-header">
           <div className="title">{gettext('Permission')}</div>
           <div className="operation">
-            <button type="button" className="btn btn-outline-primary" onClick={this.props.onAddCustomPermission}>{gettext('Add permission')}</button>
+            <button type="button" className="btn btn-sm btn-outline-primary" onClick={this.props.onAddCustomPermission}>{gettext('Add permission')}</button>
           </div>
         </div>
         <div className="permission-main mt-4">
diff --git a/frontend/src/components/dialog/share-to-invite-people.js b/frontend/src/components/dialog/share-to-invite-people.js
index 1b0505ab72..6b5edff25f 100644
--- a/frontend/src/components/dialog/share-to-invite-people.js
+++ b/frontend/src/components/dialog/share-to-invite-people.js
@@ -297,7 +297,7 @@ class ShareToInvitePeople extends React.Component {
                 />
               </td>
               <td>
-                <Button onClick={this.shareAndInvite} disabled={isSubmitting}
+                <Button onClick={this.shareAndInvite} className="submit-btn" disabled={isSubmitting}
                 >{isSubmitting ? <Loading /> : gettext('Submit')}</Button>
               </td>
             </tr>