From 6df7101f8047ba03cc9f900af2d6b9fecf4987fe Mon Sep 17 00:00:00 2001
From: tigeren <tigeren@live.com>
Date: Mon, 25 Aug 2025 08:52:51 +0000
Subject: [PATCH] refactor: update file size and path display to use span
 elements for better layout consistency

---
 media.db                       | Bin 24576 -> 24576 bytes
 src/app/folder-viewer/page.tsx |   4 ++--
 src/app/photos/page.tsx        |   4 ++--
 src/app/videos/page.tsx        |   4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/media.db b/media.db
index 2b38a25edaaf54bfe346798ad5114a1410a09797..aeed00b7151f98b6fc6627db54c04d741f322ee5 100644
GIT binary patch
delta 37
tcmZoTz}Rqrae_1>`$QRMM)r*f{ql^=n?K0&3otToGWgHW$h^ow0RY*k3d{fi

delta 37
tcmZoTz}Rqrae_1>>qHr6M%Il9{ql@Vn?K0&3otTmGWgHW$h62o0RY(}3dH~b

diff --git a/src/app/folder-viewer/page.tsx b/src/app/folder-viewer/page.tsx
index 1fc8a62..78df133 100644
--- a/src/app/folder-viewer/page.tsx
+++ b/src/app/folder-viewer/page.tsx
@@ -103,8 +103,8 @@ const FolderViewerPage = () => {
             <CardHeader className="p-4">
               <CardTitle className="text-sm font-semibold truncate">{item.name}</CardTitle>
               <CardDescription className="text-xs">
-                <div>Size: {formatFileSize(item.size)}</div>
-                {!item.isDirectory && <div className="truncate">Type: {item.type || 'File'}</div>}
+                <span className="block">Size: {formatFileSize(item.size)}</span>
+                {!item.isDirectory && <span className="block truncate">Type: {item.type || 'File'}</span>}
               </CardDescription>
             </CardHeader>
           </Card>
diff --git a/src/app/photos/page.tsx b/src/app/photos/page.tsx
index 29be2ac..c3800d1 100644
--- a/src/app/photos/page.tsx
+++ b/src/app/photos/page.tsx
@@ -68,8 +68,8 @@ export default function PhotosPage() {
             <CardHeader className="p-4">
               <CardTitle className="text-sm truncate">{photo.title}</CardTitle>
               <CardDescription className="text-xs">
-                <div>Size: {formatFileSize(photo.size)}</div>
-                <div className="truncate">Path: {photo.path}</div>
+                <span className="block">Size: {formatFileSize(photo.size)}</span>
+                <span className="block truncate">Path: {photo.path}</span>
               </CardDescription>
             </CardHeader>
           </Card>
diff --git a/src/app/videos/page.tsx b/src/app/videos/page.tsx
index f2860d1..b5f294f 100644
--- a/src/app/videos/page.tsx
+++ b/src/app/videos/page.tsx
@@ -74,8 +74,8 @@ const VideosPage = () => {
             <CardHeader className="p-4">
               <CardTitle className="text-sm font-semibold truncate">{video.title}</CardTitle>
               <CardDescription className="text-xs">
-                <div>Size: {formatFileSize(video.size)}</div>
-                <div className="truncate">Path: {video.path}</div>
+                <span className="block">Size: {formatFileSize(video.size)}</span>
+                <span className="block truncate">Path: {video.path}</span>
               </CardDescription>
             </CardHeader>
           </Card>