diff --git a/frontend/less/espo/custom.less b/frontend/less/espo/custom.less index 04f18c7fb8..0d4af13d80 100644 --- a/frontend/less/espo/custom.less +++ b/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, diff --git a/frontend/less/espo/elements/form.less b/frontend/less/espo/elements/form.less index 9178df7ee2..684bd9fb8f 100644 --- a/frontend/less/espo/elements/form.less +++ b/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);