Restore docker folder vertical centering with compact row spacing

Author: alexphillips-dev

archive/folderview.plus-2026.03.08.4.txz

@@ -6,13 +6,18 @@
 <!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.3">
-<!ENTITY md5 "be934ae92e26d0deb8a28f35745a2fa5">
+<!ENTITY version "2026.03.08.4">
+<!ENTITY md5 "5eb168d1dec551f9fa7ccd54276b291c">
 ]>
 
 <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.4
+- Fix Docker folder left-column centering regression while keeping compact spacing:
+  - use absolute vertical centering for folder label block on both row render paths,
+  - retain clone-row-only height sync to avoid reintroducing oversized row gaps.
+
 ###2026.03.08.3
 - Refine Docker left-column alignment logic:
   - keep natural compact layout for main preview rows,

folderview.plus.plg

@@ -149,10 +149,9 @@ const applyFolderCellCentering = (cell, rowHeight = 0) => {
     }
 
     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', isPreviewRow ? 'static' : 'relative', 'important');
+    cell.style.setProperty('position', 'relative', 'important');
     cell.style.setProperty('display', 'table-cell', 'important');
     cell.style.setProperty('padding-top', '0px', 'important');
     cell.style.setProperty('padding-bottom', '0px', 'important');
@@ -162,11 +161,11 @@ const applyFolderCellCentering = (cell, rowHeight = 0) => {
         cell.style.removeProperty('height');
     }
 
-    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('position', 'absolute', 'important');
+    sub.style.setProperty('top', '50%', 'important');
+    sub.style.setProperty('left', '8px', 'important');
+    sub.style.setProperty('right', '8px', 'important');
+    sub.style.setProperty('transform', 'translateY(-50%)', 'important');
     sub.style.setProperty('display', 'flex', 'important');
     sub.style.setProperty('align-items', 'center', 'important');
     sub.style.setProperty('min-height', '0', 'important');

src/folderview.plus/usr/local/emhttp/plugins/folderview.plus/scripts/docker.js

@@ -36,19 +36,19 @@ tr[class*="folder-id-"] > td {
 /* Unraid table styles can force top visual placement.
    Center the left folder block explicitly within the row height. */
 td.ct-name.folder-name {
-    position: static;
+    position: relative;
     display: table-cell;
     padding-top: 0 !important;
     padding-bottom: 0 !important;
     vertical-align: middle !important;
 }
 
 td.ct-name.folder-name > .folder-name-sub {
-    position: relative;
-    top: auto;
-    left: auto;
-    right: auto;
-    transform: none;
+    position: absolute;
+    top: 50%;
+    left: 8px;
+    right: 8px;
+    transform: translateY(-50%);
     min-height: 0;
     width: 100%;
 }