From b00cf0c486c315740e8ac40b00c8b071ba3710b6 Mon Sep 17 00:00:00 2001
From: Michael Ochmann <michael.ochmann@propeller.de>
Date: Fri, 30 Sep 2022 23:10:49 +0200
Subject: [PATCH] fixed dom nesting issue

---
 src/ui/src/assets/css/_slide.scss  | 7 +++++--
 src/ui/src/components/SlideItem.js | 6 +++---
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/ui/src/assets/css/_slide.scss b/src/ui/src/assets/css/_slide.scss
index 2b9fa62..41719bc 100644
--- a/src/ui/src/assets/css/_slide.scss
+++ b/src/ui/src/assets/css/_slide.scss
@@ -48,13 +48,16 @@
 		}
 	}
 
-	figure {
+	.figure {
+		display: block;
+
 		img {
 			max-width: 95%;
 			height: auto;
 		}
 
-		figcaption {
+		.figcaption {
+			display: block;
 			font-size: 1.8vw;
 			opacity: 0.6;
 			font-style: italic;
diff --git a/src/ui/src/components/SlideItem.js b/src/ui/src/components/SlideItem.js
index cf125b1..b7c663a 100644
--- a/src/ui/src/components/SlideItem.js
+++ b/src/ui/src/components/SlideItem.js
@@ -29,12 +29,12 @@ const SlideItem = ({item}) => {
 				return <li className={item.task ? "task" : ""}>{prefix} <Children items={item.tokens} /></li>
 			case "image":
 				return (
-					<figure>
+					<span className="figure">
 						<img src={`slideimg://${basePath}/${item.href.replace(/\.\//, "")}`} alt={item.text} />
 						{item.text?.length > 0 ?
-							<figcaption>{item.text}</figcaption>
+							<span className="figcaption">{item.text}</span>
 						: null}
-					</figure>
+					</span>
 				)
 			case "blockquote":
 				return <blockquote><Children items={item.tokens} /></blockquote>