content: transformContent: got dang it

2 files changed, 12 insertions, 6 deletions

diff --git a/src/content/dependencies/transformContent.js b/src/content/dependencies/transformContent.js
index ff89389..ddf8239 100644
--- a/src/content/dependencies/transformContent.js
+++ b/src/content/dependencies/transformContent.js
@@ -385,7 +385,7 @@ export default {
               type: 'image',
               inline: false,
               data:
-                html.tag('div', {class: 'content-image'},
+                html.tag('div', {class: 'content-image-container'},
                   image.slots({
                     src,
 
@@ -394,10 +394,12 @@ export default {
                     height: height ?? null,
                     thumb: slots.thumb,
 
-                    attributes:
-                      (pixelate
-                        ? {class: 'pixelate'}
-                        : null),
+                    attributes: [
+                      {class: 'content-image'},
+
+                      pixelate &&
+                        {class: 'pixelate'},
+                    ],
                   })),
             };
           }
diff --git a/src/static/site6.css b/src/static/site6.css
index 2058e98..cd00a72 100644
--- a/src/static/site6.css
+++ b/src/static/site6.css
@@ -739,11 +739,15 @@ ul.image-details li {
   display: none;
 }
 
-.content-image {
+.content-image-container {
   margin-top: 1em;
   margin-bottom: 1em;
 }
 
+.content-image {
+  display: inline-block !important;
+}
+
 .image-link {
   display: block;
   overflow: hidden;