Merge pull request #5803 from haiwen/fix-share-link-style

Fix share link style

frontend/src/components/share-link-panel/link-creation.js

@@ -335,7 +335,7 @@ class LinkCreation extends React.Component {
             </FormGroup>
           )}
           {this.state.errorInfo && <Alert color="danger" className="mt-2">{gettext(this.state.errorInfo)}</Alert>}
-          <Button onClick={this.generateShareLink} className="mt-2">{gettext('Generate')}</Button>
+          <Button onClick={this.generateShareLink} className="mt-2 ml-1 mb-1">{gettext('Generate')}</Button>
         </Form>
       </Fragment>
     );

frontend/src/components/share-link-panel/link-list.js

@@ -52,7 +52,7 @@ class LinkList extends React.Component {
 
     return (
       <Fragment>
-        <div className="d-flex justify-content-between align-items-center pb-2 border-bottom">
+        <div className="d-flex justify-content-between align-items-center pb-2 mt-1 pr-1 border-bottom">
           <h6 className="font-weight-normal m-0">{gettext('Share Link')}</h6>
           <div className="d-flex">
             {selectedLinks.length == 0 ? (

frontend/src/css/share-link-dialog.css

@@ -4,6 +4,7 @@
     display: flex;
     flex-direction: column;
 }
+
 @media (min-width: 768px) {
   .share-dialog .share-dialog-content {
     flex-direction: row;
@@ -144,7 +145,6 @@ input.expire-input {
 .custom-permission .permission-name-desc {
     margin-top: .375rem;
 }
-  
 .custom-permission .permission-name-desc label {
     font-size: 14px;
     color: #999;