From 2bfb4b2879be8e6cbcb5a1b7b8163b74b8d59d46 Mon Sep 17 00:00:00 2001
From: Michael An <1822852997@qq.com>
Date: Wed, 3 Jul 2019 10:55:16 +0800
Subject: [PATCH] change share dialog UI

---
 frontend/src/components/dialog/generate-share-link.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/dialog/generate-share-link.js b/frontend/src/components/dialog/generate-share-link.js
index 1a52428dec..6713f3ecaf 100644
--- a/frontend/src/components/dialog/generate-share-link.js
+++ b/frontend/src/components/dialog/generate-share-link.js
@@ -391,24 +391,24 @@ class GenerateShareLink extends React.Component {
             </Label>
           </FormGroup>
           <FormGroup check className="permission">
-            <Label check>
+            <Label className="form-check-label">
               <Input type="radio" name="radio1" defaultChecked={true} onChange={() => this.setPermission('previewAndDownload')}/>{'  '}{gettext('Preview and download')}
             </Label>
           </FormGroup>
           <FormGroup check className="permission">
-            <Label>
+            <Label className="form-check-label">
               <Input type="radio" name="radio1" onChange={() => this.setPermission('preview')} />{'  '}{gettext('Preview only')}
             </Label>
           </FormGroup>
           {(Utils.isOfficeFile(this.props.itemPath) && fileInfo && fileInfo.can_edit) &&
             <FormGroup check className="permission">
-              <Label>
+              <Label className="form-check-label">
                 <Input type="radio" name="radio1" onChange={() => this.setPermission('editOnCloudAndDownload')} />{'  '}{gettext('Edit on cloud and download')}
               </Label>
             </FormGroup>
           }
           {this.state.errorInfo && <Alert color="danger" className="mt-2">{gettext(this.state.errorInfo)}</Alert>}
-          <Button onClick={this.generateShareLink}>{gettext('Generate')}</Button>
+          <Button onClick={this.generateShareLink} className="mt-2">{gettext('Generate')}</Button>
         </Form>
       );
     }