From a52b0bf8ae95695d6d81153d603775ae7abde5ae Mon Sep 17 00:00:00 2001
From: zubiden <19638254+zubiden@users.noreply.github.com>
Date: Sat, 22 Nov 2025 12:54:13 +0100
Subject: [PATCH] File: Show precise file size when downloading (#6502)

---
 src/components/common/AnimatedFileSize.tsx | 2 +-
 src/components/common/File.scss            | 8 +++-----
 src/components/common/File.tsx             | 9 +++++++--
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/common/AnimatedFileSize.tsx b/src/components/common/AnimatedFileSize.tsx
index fe1fd4486..385c6b377 100644
--- a/src/components/common/AnimatedFileSize.tsx
+++ b/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) {
diff --git a/src/components/common/File.scss b/src/components/common/File.scss
index d8766a498..c2ad90875 100644
--- a/src/components/common/File.scss
+++ b/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 {
diff --git a/src/components/common/File.tsx b/src/components/common/File.tsx
index ff68d4abc..f8fc283b4 100644
--- a/src/components/common/File.tsx
+++ b/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>
             </>
           )}