File: Show precise file size when downloading (#6502)

src/components/common/AnimatedFileSize.tsx

@@ -67,7 +67,7 @@ const AnimatedFileSize = ({
 
   useUnmountCleanup(resetAnimation);
 
-  const currentSizeString = formatFileSize(lang, currentSize);
+  const currentSizeString = formatFileSize(lang, currentSize, 2);
   const totalSizeString = formatFileSize(lang, size);
 
   if (progress === undefined || progress === 1) {

src/components/common/File.scss

@@ -179,12 +179,10 @@
     line-height: 0.9375rem;
     color: var(--secondary-color);
     text-overflow: ellipsis;
+  }
 
-    span + span {
-      &::before {
-        content: "\00a0\2022\00a0";
-      }
-    }
+  .bullet {
+    padding-inline: 0.25rem;
   }
 
   &.smaller {

src/components/common/File.tsx

@@ -151,10 +151,15 @@ const File = ({
         <div className="file-title" dir="auto" title={name}>{renderText(name)}</div>
         <div className="file-subtitle" dir="auto">
           <AnimatedFileSize size={size} progress={isTransferring ? transferProgress : undefined} />
-          {sender && <span className="file-sender">{renderText(sender)}</span>}
+          {sender && (
+            <>
+              <span className="bullet">&bull;</span>
+              <span className="file-sender">{renderText(sender)}</span>
+            </>
+          )}
           {!sender && Boolean(timestamp) && (
             <>
-              <span className="bullet" />
+              <span className="bullet">&bull;</span>
               <Link onClick={onDateClick}>{formatMediaDateTime(oldLang, timestamp * 1000, true)}</Link>
             </>
           )}