From d92f620de8e3add4a519d3bc5a9b77ea93680ecc Mon Sep 17 00:00:00 2001
From: guantw <guantianwei@gmail.com>
Date: Mon, 7 Sep 2026 19:33:32 +0800
Subject: [PATCH] fix(ssh): align parent directory row layout

Reuse the remote file browser name-cell layout and typography for the parent-directory entry so its icon and label have consistent spacing and vertical alignment. Preserve the smaller navigation icon, spanning cell, and parent navigation behavior.
---
 src/web-ui/src/features/ssh-remote/RemoteFileBrowser.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/web-ui/src/features/ssh-remote/RemoteFileBrowser.tsx b/src/web-ui/src/features/ssh-remote/RemoteFileBrowser.tsx
index b74b4d2145..9c27ff23b3 100644
--- a/src/web-ui/src/features/ssh-remote/RemoteFileBrowser.tsx
+++ b/src/web-ui/src/features/ssh-remote/RemoteFileBrowser.tsx
@@ -549,9 +549,11 @@ export const RemoteFileBrowser: React.FC<RemoteFileBrowserProps> = ({
                     }}
                     className="remote-file-browser__row remote-file-browser__row--parent"
                   >
-                    <td colSpan={3}>
-                      <Icon name="folder" size="md" className="remote-file-browser__entry-icon remote-file-browser__entry-icon--parent" />
-                      <span>..</span>
+                    <td colSpan={3} className="remote-file-browser__td remote-file-browser__td--name">
+                      <div className="remote-file-browser__name-cell">
+                        <Icon name="folder" size="md" className="remote-file-browser__entry-icon remote-file-browser__entry-icon--parent" />
+                        <span className="remote-file-browser__name">..</span>
+                      </div>
                     </td>
                   </tr>
                 )}