From 2905737f4134994668f6246a6f142f7280679b0f Mon Sep 17 00:00:00 2001
From: Fabio Bonelli <fb@fabiobonelli.it>
Date: Wed, 31 Jan 2024 10:59:25 +0100
Subject: [PATCH] fix: labels overlapping widgets

Fix labels overlapping widgets for non design-react-kit widgets.
---
 src/app/form/widgets/ComboBoxWidget.js       | 2 +-
 src/app/form/widgets/DateTimeReactWidget.tsx | 2 +-
 src/app/form/widgets/EditorWidget.js         | 2 +-
 src/app/form/widgets/TagWidget.js            | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/form/widgets/ComboBoxWidget.js b/src/app/form/widgets/ComboBoxWidget.js
index c6049f8a..7de00c0d 100644
--- a/src/app/form/widgets/ComboBoxWidget.js
+++ b/src/app/form/widgets/ComboBoxWidget.js
@@ -21,7 +21,7 @@ const ComboBoxWidget = (props) => {
 
   return (
     <div className={className}>
-      <label className="control-label" htmlFor={id}>
+      <label className="control-label active text-muted" htmlFor={id}>
         {props.label} {props.required ? "*" : ""}
       </label>
 
diff --git a/src/app/form/widgets/DateTimeReactWidget.tsx b/src/app/form/widgets/DateTimeReactWidget.tsx
index 6a6ed362..24578886 100644
--- a/src/app/form/widgets/DateTimeReactWidget.tsx
+++ b/src/app/form/widgets/DateTimeReactWidget.tsx
@@ -39,7 +39,7 @@ const DateTimeReactWidget = (props: Props): JSX.Element => {
 
   return (
     <div className={className}>
-      <label className="control-label" htmlFor={id}>
+      <label className="control-label active text-muted" htmlFor={id}>
         {props.label} {props.required ? "*" : ""}
       </label>
 
diff --git a/src/app/form/widgets/EditorWidget.js b/src/app/form/widgets/EditorWidget.js
index 5c6642d8..fac21d3e 100644
--- a/src/app/form/widgets/EditorWidget.js
+++ b/src/app/form/widgets/EditorWidget.js
@@ -42,7 +42,7 @@ const EditorWidget = (props) => {
 
   return (
     <div className={className}>
-      <label className="control-label" htmlFor={id}>
+      <label className="control-label active text-muted" htmlFor={id}>
         {props.label} {props.schema.language ? `(${props.schema.lang})` : ""}{" "}
         {props.required ? "*" : ""}
       </label>
diff --git a/src/app/form/widgets/TagWidget.js b/src/app/form/widgets/TagWidget.js
index e195d565..7b38e95a 100644
--- a/src/app/form/widgets/TagWidget.js
+++ b/src/app/form/widgets/TagWidget.js
@@ -21,7 +21,7 @@ const TagWidget = (props) => {
 
   return (
     <div className={className}>
-      <label className="control-label" htmlFor={id}>
+      <label className="control-label active text-muted" htmlFor={id}>
         {props.label} {props.required ? "*" : ""}
       </label>