change related file dialog style

frontend/src/components/dialog/add-related-file-dialog.js

@@ -87,7 +87,7 @@ class AddRelatedFileDialog extends React.Component {
     let subtitle = gettext('Select related file for {placeholder}');
     subtitle = subtitle.replace('{placeholder}', '<span class="op-target">' + Utils.HTMLescape(this.props.dirent.name) + '</span>');
     return (
-      <Fragment>
+      <div className="sf-add-related-file">
         <ModalHeader toggle={this.props.onClose}>
           <span className="tag-dialog-back fas fa-sm fa-arrow-left" onClick={this.toggle} aria-label={gettext('Back')}></span>
           {gettext('Select File')}
@@ -111,7 +111,7 @@ class AddRelatedFileDialog extends React.Component {
             <Button color="primary" disabled>{gettext('Submit')}</Button>
           }
         </ModalFooter>
-      </Fragment>
+      </div>
     );
   }
 }

frontend/src/css/dirent-detail.css

@@ -167,7 +167,8 @@
 }
 
 .sf-add-related-file .related-file-subtitle {
-  margin-bottom: 4px;
+  display: inline-block;
+  margin-bottom: 0.5rem;
 }
 
 .detail-container .tab-content {

frontend/src/css/file-chooser.css

@@ -1,7 +1,9 @@
 .file-chooser-container {
   padding: 0.5rem;
   height: 20rem;
-  border: 1px solid #eee;
+  border: 1px solid rgba(0, 40, 100, 0.12);
+  border-radius: 3px;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   overflow: auto;
   font-size: 1rem;
 }