From 64ec163ad57c67bd6eaff7a15377939c51a085c1 Mon Sep 17 00:00:00 2001
From: lethemanh <themanhle1234@gmail.com>
Date: Fri, 13 Dec 2024 16:31:05 +0700
Subject: [PATCH] :bug: ui: Fix bug date of last modification of document is
 not align between items in mobile (#655)

---
 .../client/body/drive/documents/document-row.tsx   | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/tdrive/frontend/src/app/views/client/body/drive/documents/document-row.tsx b/tdrive/frontend/src/app/views/client/body/drive/documents/document-row.tsx
index fa3613ed..8f81b799 100644
--- a/tdrive/frontend/src/app/views/client/body/drive/documents/document-row.tsx
+++ b/tdrive/frontend/src/app/views/client/body/drive/documents/document-row.tsx
@@ -78,16 +78,16 @@ export const DocumentRow = ({
           fallback={<DocumentIcon item={item} />}
         />
       </div>
-      <div className="grow text-ellipsis whitespace-nowrap overflow-hidden">
-        <Base className="flex maxWidth100">{item.name}</Base>
+      <div className="md:grow text-ellipsis whitespace-nowrap">
+        <Base className={`block text-ellipsis whitespace-nowrap overflow-hidden ${hasAnyPublicLinkAccess(item) ? 'w-[38px]' : 'w-[74px]'} md:w-full`}>{item.name}</Base>
       </div>
-      <div className="shrink-0 ml-4">
-        {hasAnyPublicLinkAccess(item) && <PublicIcon className="h-5 w-5 text-blue-500" />}
+      <div className="shrink-0 md:ml-4">
+        {hasAnyPublicLinkAccess(item) && <PublicIcon className="h-5 w-5 text-blue-500 ml-4" />}
       </div>
-      <div className="shrink-0 ml-4 mr-12">
+      <div className="shrink-0 ml-4 md:mr-12">
         <BaseSmall>{formatDateShort(item?.last_version_cache?.date_added)}</BaseSmall>
       </div>
-      <div className="shrink-0 ml-4 text-right lg:w-24 sm:w-20 ">
+      <div className="shrink-0 ml-4 mr-4 md:mr-none text-right lg:w-24 sm:w-20 ">
         <BaseSmall>{formatBytes(item.size)}</BaseSmall>
       </div>
       {FeatureTogglesService.isActiveFeatureName(FeatureNames.COMPANY_AV_ENABLED) && (
@@ -101,7 +101,7 @@ export const DocumentRow = ({
           </BaseSmall>
         </div>
       )}
-      <div className="shrink-0 ml-4">
+      <div className="shrink-0 ml-auto md:ml-4">
         <Menu menu={onBuildContextMenu}>
           <Button
             theme={'secondary'}