From 69e757459f1b37b7fa5e75ae1c8ad232a23cf9da Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 18 Apr 2026 12:53:54 +0300
Subject: [PATCH] feat(revisions): improve the list of revisions

---
 apps/client/src/widgets/dialogs/revisions.css | 31 +++++++++----------
 apps/client/src/widgets/dialogs/revisions.tsx | 22 +++++++------
 2 files changed, 27 insertions(+), 26 deletions(-)

diff --git a/apps/client/src/widgets/dialogs/revisions.css b/apps/client/src/widgets/dialogs/revisions.css
index 0f1ffe0314..f27935288e 100644
--- a/apps/client/src/widgets/dialogs/revisions.css
+++ b/apps/client/src/widgets/dialogs/revisions.css
@@ -82,34 +82,33 @@ body.mobile .revisions-dialog {
         }
     }
 
-    .revision-item-header {
+    .revision-item-description {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    .revision-item-date {
+        font-size: 0.85em;
+        opacity: 0.7;
+    }
+
+    .revision-item-meta {
         display: flex;
-        justify-content: space-between;
         align-items: center;
         gap: 4px;
+        font-size: 0.85em;
+        opacity: 0.7;
     }
 
     .revision-source-badge {
-        font-size: 0.75em;
+        font-size: 0.85em;
         padding: 0 4px;
         border-radius: 3px;
         background-color: var(--accented-background-color);
         white-space: nowrap;
     }
 
-    .revision-item-size {
-        font-size: 0.85em;
-        opacity: 0.7;
-    }
-
-    .revision-item-description {
-        font-size: 0.85em;
-        opacity: 0.7;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-
     .revision-description-editor {
         display: flex;
         gap: 5px;
diff --git a/apps/client/src/widgets/dialogs/revisions.tsx b/apps/client/src/widgets/dialogs/revisions.tsx
index 9e6bde84d0..530807acc8 100644
--- a/apps/client/src/widgets/dialogs/revisions.tsx
+++ b/apps/client/src/widgets/dialogs/revisions.tsx
@@ -198,22 +198,24 @@ function RevisionsList({ revisions, onSelect, currentRevision }: { revisions: Re
                     active={currentRevision && item.revisionId === currentRevision.revisionId}
                 >
                     <div>
-                        <div className="revision-item-header">
-                            <span>{item.dateCreated && item.dateCreated.substr(0, 16)}</span>
+                        {item.description && (
+                            <div className="revision-item-description">
+                                {item.description}
+                            </div>
+                        )}
+                        <div className="revision-item-date">
+                            {item.dateCreated && item.dateCreated.substr(0, 16)}
+                        </div>
+                        <div className="revision-item-meta">
+                            <span className="revision-item-size">
+                                {item.contentLength && utils.formatSize(item.contentLength)}
+                            </span>
                             {item.source && item.source !== "auto" && (
                                 <span className="revision-source-badge">
                                     {t(`revisions.source_${item.source}`)}
                                 </span>
                             )}
                         </div>
-                        <div className="revision-item-size">
-                            {item.contentLength && utils.formatSize(item.contentLength)}
-                        </div>
-                        {item.description && (
-                            <div className="revision-item-description">
-                                {item.description}
-                            </div>
-                        )}
                     </div>
                 </FormListItem>
             )}