Set link size to fit content, changed a tag to link component

ONEARMY · Nov 20, 2019 · 7d5a76d · 7d5a76d
1 parent da4da44
commit 7d5a76d
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/components/FileInfo/FileInfo.tsx b/src/components/FileInfo/FileInfo.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react'
 import { availableGlyphs } from '../Icons'
 import { bytesToSize } from '../ImageInput/ImageInput'
+import { Link } from 'src/components/Links'
 import { IUploadedFileMeta } from 'src/stores/storage'
 import { FileDetails } from './FileDetails'
 
@@ -46,9 +47,14 @@ export class FileInfo extends React.Component<IProps, IState> {
     return (
       <>
         {allowDownload && meta.downloadUrl ? (
-          <a href={meta.downloadUrl} target="_blank" download={file.name}>
+          <Link
+            href={meta.downloadUrl}
+            target="_blank"
+            download={file.name}
+            sx={{ width: '300px' }}
+          >
             <FileDetails file={file} glyph={glyph} size={size} />
-          </a>
+          </Link>
         ) : (
           <FileDetails file={file} glyph={glyph} size={size} />
         )}