fix: File extension is hidden in file field when editing object in modal dialog in data browser (#2472)

Author: AshishBarvaliya

src/dashboard/Data/Browser/Browser.scss

@@ -251,3 +251,17 @@ body:global(.expanded) {
   width: calc(100% - 280px);
   float: left;
 }
+
+.editRowDialogFileCell {
+  max-width: 100%;
+  padding: 25px;
+  span {
+    display: flex;
+    span {
+      width: 90%;
+    }
+    & a {
+      position: relative;
+    }
+  }
+} 

src/dashboard/Data/Browser/EditRowDialog.react.js

@@ -354,7 +354,7 @@ export default class EditRowDialog extends React.Component {
           let file = selectedObject[name];
           let fileName = file && file.url() ? getFileName(file) : '';
           inputComponent = (
-            <div style={{ padding: '25px' }}>
+            <div className={[styles.editRowDialogFileCell]}>
               {file && <Pill value={fileName} fileDownloadLink={file.url()} />}
               <div style={{ cursor: 'pointer' }}>
                 <Pill