From e045f7154b83cd5a0895f4a59436f92a2773acd7 Mon Sep 17 00:00:00 2001
From: Viicos <65306057+Viicos@users.noreply.github.com>
Date: Wed, 13 Mar 2024 15:52:44 +0100
Subject: [PATCH] [#3688] Small fixes in frontend

---
 .../objectsapi/ObjectsApiVariableConfigurationEditor.js       | 4 ++--
 src/openforms/scss/admin/themes/_dark.scss                    | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/openforms/js/components/admin/form_design/registrations/objectsapi/ObjectsApiVariableConfigurationEditor.js b/src/openforms/js/components/admin/form_design/registrations/objectsapi/ObjectsApiVariableConfigurationEditor.js
index 898d2b56ca..069a718f21 100644
--- a/src/openforms/js/components/admin/form_design/registrations/objectsapi/ObjectsApiVariableConfigurationEditor.js
+++ b/src/openforms/js/components/admin/form_design/registrations/objectsapi/ObjectsApiVariableConfigurationEditor.js
@@ -170,7 +170,7 @@ const ObjectsApiVariableConfigurationEditor = ({variable}) => {
           />
         </a>
         {jsonSchemaVisible && (
-          <pre>
+          <pre style={{marginTop: '1em'}}>
             {loading || !mappedVariable.targetPath
               ? 'N/A'
               : JSON.stringify(getTargetPath(mappedVariable.targetPath).jsonSchema, null, 2)}
@@ -236,7 +236,7 @@ TargetPathSelect.propTypes = {
 };
 
 const TargetPathDisplay = ({target}) => {
-  const path = target.targetPath.join(' > ');
+  const path = target.targetPath.length ? target.targetPath.join(' > ') : '/ (root)';
   return (
     <FormattedMessage
       description="Representation of a JSON Schema target path"
diff --git a/src/openforms/scss/admin/themes/_dark.scss b/src/openforms/scss/admin/themes/_dark.scss
index a7af98dbae..37559532ba 100644
--- a/src/openforms/scss/admin/themes/_dark.scss
+++ b/src/openforms/scss/admin/themes/_dark.scss
@@ -121,6 +121,10 @@
   .formio-button-add-another {
     color: var(--body-fg) !important;
   }
+
+  pre {
+    color: var(--body-fg);
+  }
 }
 
 @mixin tinymce {