Recenter single-row docker preview cards

Author: alexphillips-dev

src/folderview.plus/usr/local/emhttp/plugins/folderview.plus/styles/docker.css

@@ -393,7 +393,7 @@ tr.folder.fv-parent-expanded div.folder-preview {
     flex: 0 0 auto;
     min-width: 0;
     margin-left: 10px;
-    margin-top: 7px;
+    margin-top: 5px;
 }
 
 .folder-preview-wrapper > span.outer {
@@ -407,7 +407,6 @@ tr.folder.fv-parent-expanded div.folder-preview {
     align-items: center;
     flex: 0 0 auto;
     min-width: max-content;
-    transform: translateY(-2px);
 }
 
 .folder-preview.fv-preview-multirow .fv-docker-preview-card {

tests/docker-preview-overflow-feature.test.mjs

@@ -85,11 +85,11 @@ test('docker styles support multi-row previews and member action sheet styling',
     assert.match(dockerCss, /\.folder-preview\.fv-preview-multirow \.folder-preview-row \{[\s\S]*padding:\s*0/);
     assert.match(dockerCss, /\.folder-preview\.fv-preview-multirow \.folder-preview-wrapper \{/);
     assert.match(dockerCss, /\.folder-preview-wrapper \{[\s\S]*margin-left:\s*10px/);
-    assert.match(dockerCss, /\.folder-preview-wrapper \{[\s\S]*margin-top:\s*7px/);
+    assert.match(dockerCss, /\.folder-preview-wrapper \{[\s\S]*margin-top:\s*5px/);
     assert.match(dockerCss, /\.folder-preview-wrapper \{[\s\S]*flex:\s*0 0 auto/);
     assert.match(dockerCss, /\.folder-preview\.fv-preview-multirow \.folder-preview-wrapper \{[\s\S]*min-height:\s*calc\(var\(--fvplus-preview-row-height\) - 0\.9em\)/);
     assert.match(dockerCss, /\.folder-preview\.fv-preview-multirow \.folder-preview-wrapper \{[\s\S]*margin:\s*0 0 0 10px/);
-    assert.match(dockerCss, /\.folder-preview\.fv-preview-multirow \.folder-preview-wrapper \{[\s\S]*transform:\s*translateY\(-2px\)/);
+    assert.doesNotMatch(dockerCss, /\.folder-preview\.fv-preview-multirow \.folder-preview-wrapper \{[\s\S]*transform:\s*translateY\(/);
     assert.match(dockerCss, /\.folder-preview-divider \{/);
     assert.match(dockerCss, /\.folder-preview-divider \{[\s\S]*align-self:\s*stretch/);
     assert.match(dockerCss, /\.folder-preview-divider \{[\s\S]*min-height:\s*calc\(var\(--fvplus-preview-row-height\) - 1\.2em\)/);

tests/preview-border-toggle.test.mjs

@@ -150,7 +150,7 @@ test('server normalizes legacy chevron aliases into dropdown_style', () => {
 
 test('single-row Docker and VM previews stay vertically centered', () => {
     assert.match(dockerCss, /\.folder-preview\s*\{[\s\S]*width:\s*100%;[\s\S]*box-sizing:\s*border-box;[\s\S]*align-items:\s*center;/);
-    assert.match(dockerCss, /\.folder-preview-wrapper\s*\{[\s\S]*margin-top:\s*7px;[\s\S]*align-items:\s*center;/);
+    assert.match(dockerCss, /\.folder-preview-wrapper\s*\{[\s\S]*margin-top:\s*5px;[\s\S]*align-items:\s*center;/);
     assert.match(dockerCss, /\.folder-preview-wrapper > span\.outer\s*\{[\s\S]*display:\s*inline-flex;[\s\S]*align-items:\s*center;/);
     assert.match(vmCss, /\.folder-preview-wrapper\s*\{[\s\S]*margin-top:\s*7px;[\s\S]*align-items:\s*center;/);
     assert.match(vmCss, /\.folder-preview-wrapper > span\.outer\s*\{[\s\S]*display:\s*inline-flex;[\s\S]*align-items:\s*center;/);