From 11c5476ae31d7e6cb55939c3d3dcc87e0ef49804 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Sat, 5 Jun 2021 01:47:40 +0200
Subject: [PATCH] Wrap label and HelpPopup into span

Avoids HelpPopup in a differnt column upon label wrapping
---
 ts/deckoptions/CheckBoxRow.svelte     | 10 ++++++----
 ts/deckoptions/EnumSelectorRow.svelte |  2 +-
 ts/deckoptions/SpinBoxFloatRow.svelte |  2 +-
 ts/deckoptions/SpinBoxRow.svelte      |  2 +-
 ts/deckoptions/StepsInputRow.svelte   |  2 +-
 5 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/ts/deckoptions/CheckBoxRow.svelte b/ts/deckoptions/CheckBoxRow.svelte
index 3db4cf7cc..20478023f 100644
--- a/ts/deckoptions/CheckBoxRow.svelte
+++ b/ts/deckoptions/CheckBoxRow.svelte
@@ -18,10 +18,12 @@
 <Row>
     <Col>
         <CheckBox bind:value
-            ><slot />
-            {#if markdownTooltip}<HelpPopup
-                    html={marked(markdownTooltip)}
-                />{/if}</CheckBox
+            ><span
+                ><slot />
+                {#if markdownTooltip}<HelpPopup
+                        html={marked(markdownTooltip)}
+                    />{/if}</span
+            ></CheckBox
         >
     </Col>
     <Col grow={false}>
diff --git a/ts/deckoptions/EnumSelectorRow.svelte b/ts/deckoptions/EnumSelectorRow.svelte
index e7cee2fbd..fdf717aa8 100644
--- a/ts/deckoptions/EnumSelectorRow.svelte
+++ b/ts/deckoptions/EnumSelectorRow.svelte
@@ -21,7 +21,7 @@
 
 <Row>
     <Col size={7}>
-        <slot /><HelpPopup html={marked(markdownTooltip)} />
+        <span><slot /><HelpPopup html={marked(markdownTooltip)} /></span>
     </Col>
     <Col {breakpoint} size={5}>
         <EnumSelector bind:value {choices} />
diff --git a/ts/deckoptions/SpinBoxFloatRow.svelte b/ts/deckoptions/SpinBoxFloatRow.svelte
index 7fcd046e0..38d0400d0 100644
--- a/ts/deckoptions/SpinBoxFloatRow.svelte
+++ b/ts/deckoptions/SpinBoxFloatRow.svelte
@@ -19,7 +19,7 @@
 
 <Row>
     <Col size={7}>
-        <slot /><HelpPopup html={marked(markdownTooltip)} />
+        <span><slot /><HelpPopup html={marked(markdownTooltip)} /></span>
     </Col>
     <Col size={5}>
         <SpinBoxFloat bind:value {min} {max} />
diff --git a/ts/deckoptions/SpinBoxRow.svelte b/ts/deckoptions/SpinBoxRow.svelte
index eeb2d4d86..b4a6286c7 100644
--- a/ts/deckoptions/SpinBoxRow.svelte
+++ b/ts/deckoptions/SpinBoxRow.svelte
@@ -19,7 +19,7 @@
 
 <Row>
     <Col size={7}>
-        <slot /><HelpPopup html={marked(markdownTooltip)} />
+        <span><slot /><HelpPopup html={marked(markdownTooltip)} /></span>
     </Col>
     <Col size={5}>
         <SpinBox bind:value {min} {max} />
diff --git a/ts/deckoptions/StepsInputRow.svelte b/ts/deckoptions/StepsInputRow.svelte
index c11b11edb..c5df6e8cc 100644
--- a/ts/deckoptions/StepsInputRow.svelte
+++ b/ts/deckoptions/StepsInputRow.svelte
@@ -17,7 +17,7 @@
 
 <Row>
     <Col size={7}>
-        <slot /><HelpPopup html={marked(markdownTooltip)} />
+        <span><slot /><HelpPopup html={marked(markdownTooltip)} /></span>
     </Col>
     <Col size={5}>
         <StepsInput bind:value />