Fixed imagearea setting due to changes in Moodle core.

CHANGES.md

@@ -6,6 +6,7 @@ Changes
 
 ### Unreleased
 
+* 2018-05-16 - Fixed imagearea setting due to changes in Moodle core.
 * 2018-05-16 - Fixed CSS rules for block icons due to changes in the classes in Moodle core.
 * 2018-05-15 - Fixed setting for footnote due to changes in Moodle core.
 * 2018-05-15 - Fixed setting for dark navbar due to changes in Moodle core.

scss/post.scss

@@ -728,8 +728,6 @@ a[href^="mailto"]::before {
  * Image area.
  */
 .imagearea {
-    text-align: center;
-    background-color: $gray-dark;
     border-top: 1px solid #fff;
 
     img {

templates/imagearea.mustache

@@ -34,13 +34,9 @@
 
 }}
 
-    <div class="imagearea p-y-1">
-        <div class="container-fluid">
-            <div class="row-fluid">
+<div class="imagearea d-flex justify-content-center align-self-center flex-wrap pb-3 bg-dark">
     {{#imageareafiles}}
-                    {{#linkpath}}<a href="{{linkpath}}">{{/linkpath}}<img src="{{filepath}}">{{#linkpath}}</a>{{/linkpath}}
+        {{#linkpath}}<a href="{{linkpath}}">{{/linkpath}}<img src="{{filepath}}" class="mt-3">{{#linkpath}}</a>{{/linkpath}}
     {{/imageareafiles}}
 </div>
-        </div>
-    </div>