markdown checkbox style

frontend/less/espo/custom.less

@@ -2830,6 +2830,20 @@ div[data-scope="ApiUser"] {
         max-width: 100%;
         max-height: var(--500px);
     }
+
+    input[type="checkbox"] {
+        float: left;
+        position: relative;
+        top: var(--3px);
+        margin-right: var(--6px);
+    }
+
+    li {
+        &:has(> input[type="checkbox"]) {
+            list-style-type: none;
+            margin-left: var(--minus-16px);
+        }
+    }
 }
 
 table.table td.cell .complex-text,

frontend/less/espo/elements/form.less

@@ -320,7 +320,8 @@ label {
     }
 }
 
-input[type="checkbox"].form-checkbox {
+input[type="checkbox"].form-checkbox,
+.complex-text input[type="checkbox"] {
     appearance: none;
     background-color: var(--input-bg);
     margin: 0;
@@ -340,16 +341,6 @@ input[type="checkbox"].form-checkbox {
         border-width: 0;
     }
 
-    &.form-checkbox-small {
-        height: var(--15px);
-        width: var(--15px);
-        border-radius: var(--border-radius-small);
-
-        &::before {
-            font-size: var(--12px);
-        }
-    }
-
     &:checked {
         border-color: var(--btn-primary-border);
         background-color: var(--btn-primary-bg);
@@ -382,6 +373,17 @@ input[type="checkbox"].form-checkbox {
     }
 }
 
+.complex-text input[type="checkbox"],
+input[type="checkbox"].form-checkbox.form-checkbox-small {
+    height: var(--15px);
+    width: var(--15px);
+    border-radius: var(--border-radius-small);
+
+    &::before {
+        font-size: var(--12px);
+    }
+}
+
 label > input[type="radio"].form-radio {
     float: left;
     margin-right: var(--6px);