Fix docker left-column centering regression with compact rows

Author: alexphillips-dev

archive/folderview.plus-2026.03.08.3.txz

@@ -6,13 +6,19 @@
 <!ENTITY launch "Settings/FolderViewPlus">
 <!ENTITY plugdir "/usr/local/emhttp/plugins/&name;">
 <!ENTITY pluginURL "https://raw.githubusercontent.com/&github;/main/folderview.plus.plg">
-<!ENTITY version "2026.03.08.2">
-<!ENTITY md5 "69d5630da626645d1501eb5910717063">
+<!ENTITY version "2026.03.08.3">
+<!ENTITY md5 "be934ae92e26d0deb8a28f35745a2fa5">
 ]>
 
 <PLUGIN name="&name;" author="&author;" version="&version;" launch="&launch;" pluginURL="&pluginURL;" icon="folder-open-o" support="https://github.com/alexphillips-dev/FolderView-Plus/issues" min="7.0.0">
     <CHANGES>
 
+###2026.03.08.3
+- Refine Docker left-column alignment logic:
+  - keep natural compact layout for main preview rows,
+  - apply absolute vertical-centering only to fixed-column clone rows,
+  - preserve compact spacing while restoring visual middle alignment.
+
 ###2026.03.08.2
 - Tighten Docker row-height syncing to restore compact spacing:
   - keep natural height on main folder rows (with preview content),

folderview.plus.plg

@@ -148,9 +148,11 @@ const applyFolderCellCentering = (cell, rowHeight = 0) => {
         return false;
     }
 
+    const row = cell.parentElement;
+    const isPreviewRow = rowHasFolderPreview(row);
     const height = Number.isFinite(rowHeight) && rowHeight > 0 ? Math.round(rowHeight) : 0;
     cell.style.setProperty('vertical-align', 'middle', 'important');
-    cell.style.setProperty('position', 'static', 'important');
+    cell.style.setProperty('position', isPreviewRow ? 'static' : 'relative', 'important');
     cell.style.setProperty('display', 'table-cell', 'important');
     cell.style.setProperty('padding-top', '0px', 'important');
     cell.style.setProperty('padding-bottom', '0px', 'important');
@@ -160,11 +162,11 @@ const applyFolderCellCentering = (cell, rowHeight = 0) => {
         cell.style.removeProperty('height');
     }
 
-    sub.style.setProperty('position', 'relative', 'important');
-    sub.style.setProperty('top', 'auto', 'important');
-    sub.style.setProperty('left', 'auto', 'important');
-    sub.style.setProperty('right', 'auto', 'important');
-    sub.style.setProperty('transform', 'none', 'important');
+    sub.style.setProperty('position', isPreviewRow ? 'relative' : 'absolute', 'important');
+    sub.style.setProperty('top', isPreviewRow ? 'auto' : '50%', 'important');
+    sub.style.setProperty('left', isPreviewRow ? 'auto' : '8px', 'important');
+    sub.style.setProperty('right', isPreviewRow ? 'auto' : '8px', 'important');
+    sub.style.setProperty('transform', isPreviewRow ? 'none' : 'translateY(-50%)', 'important');
     sub.style.setProperty('display', 'flex', 'important');
     sub.style.setProperty('align-items', 'center', 'important');
     sub.style.setProperty('min-height', '0', 'important');