Fix #4886: Improved styling of aligned richtext images (#4888)

CHANGELOG_DEV.md

@@ -10,7 +10,8 @@
 - Fix #4869: Fix cached comment content in email notification
 - Fix #4857: Fix wrong content id on building cache key
 - Fix #4838: ProsemirrorRichText::replaceLinkExtension() not compatible with HumHub < 1.8
-- Fix #4847: RichText::postProcess(null) throws error
+- Fix #4847: RichText::postProcess(null) throws error 
+- Fix #4886: Improved styling of aligned richtext images
 
 
 1.8.0-beta.1 (February 4, 2021)

static/less/markdown.less

@@ -165,8 +165,22 @@
         margin: 5px 0;
     }
 
-    img {
+    img:not(.center-block) {
         max-width: 100%;
+        margin: 0 5px;
+    }
+
+    img.pull-right {
+        margin: 5px 0 0 10px;
+    }
+
+    img.pull-left {
+        margin: 5px 10px 0 0;
+    }
+
+    img.center-block {
+        margin-top: 5px;
+        margin-bottom: 5px;
     }
 
     img[width='100%'] {