From c610f92b7fca9e74ea1e9c937a2d550f619ebea4 Mon Sep 17 00:00:00 2001
From: Matthias Mees <mm@yellowled.de>
Date: Sat, 27 Apr 2019 13:11:14 +0200
Subject: [PATCH] Use figure/figcaption for images w/ captions

---
 templates/2k11/admin/serendipity_editor.js.tpl | 10 +++++-----
 templates/2k11/style_fallback.css              |  1 +
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/templates/2k11/admin/serendipity_editor.js.tpl b/templates/2k11/admin/serendipity_editor.js.tpl
index 305c712f..c1ffa212 100644
--- a/templates/2k11/admin/serendipity_editor.js.tpl
+++ b/templates/2k11/admin/serendipity_editor.js.tpl
@@ -364,10 +364,10 @@
         if ($('#serendipity_imagecomment').val() != '') {
             var comment = f['serendipity[imagecomment]'].value;
 
-            var img = '<div class="serendipity_imageComment_' + floating + '" style="width: ' + imgWidth + 'px">'
+            var img = '<figure class="serendipity_imageComment_' + floating + '" style="width: ' + imgWidth + 'px">'
                   +     '<div class="serendipity_imageComment_img">' + img + '</div>'
-                  +     '<div class="serendipity_imageComment_txt">' + comment + '</div>'
-                  + '</div>';
+                  +     '<figcaption class="serendipity_imageComment_txt">' + comment + '</figcaption>'
+                  + '</figure>';
         }
 
         if (parent.self.opener.serendipity == undefined) {
@@ -664,7 +664,7 @@
         {serendipity_hookPlugin hook='backend_entry_checkSave' hookAll='true'}
         return true;
     }
-    
+
     // set a category to checked
     serendipity.enableCategory = function(catNumber) {
         $("#" + "serendipity_category_" + catNumber).prop("checked", true);
@@ -1034,7 +1034,7 @@ $(function() {
     $('#imageForm').submit(function() {
         serendipity.serendipity_imageSelector_done();
     });
-    
+
     $('#serendipityEntry').submit(function() {
         return serendipity.checkSave();
     });
diff --git a/templates/2k11/style_fallback.css b/templates/2k11/style_fallback.css
index 92516d00..aa042343 100644
--- a/templates/2k11/style_fallback.css
+++ b/templates/2k11/style_fallback.css
@@ -40,6 +40,7 @@
 }
 
 .serendipity_imageComment_center {
+    clear: both;
     margin: auto;
 }