diff --git a/frontend/less/espo/elements/form.less b/frontend/less/espo/elements/form.less index 91c68a75ce..2eb9f8093f 100644 --- a/frontend/less/espo/elements/form.less +++ b/frontend/less/espo/elements/form.less @@ -192,3 +192,12 @@ select[multiple].input-sm { fieldset[disabled] .form-control { color: var(--input-color-disabled); } + + +.form-inline .form-control { + @media screen and (max-width: (@screen-sm-min - 1px)) { + display: inline-block; + width: auto; + vertical-align: middle; + } +} diff --git a/frontend/less/espo/elements/panel.less b/frontend/less/espo/elements/panel.less index eaca2536d4..ee6f691f56 100644 --- a/frontend/less/espo/elements/panel.less +++ b/frontend/less/espo/elements/panel.less @@ -79,6 +79,14 @@ border-top-left-radius: 0; border-bottom-left-radius: 0; } + + @media screen and (max-width: (@screen-sm-min - 1px)) { + &, + &.first::before, + &.last::before { + border-radius: 0; + } + } } .side > .panel { @@ -87,12 +95,20 @@ border-bottom-right-radius: 0; &.first::before { - border-top-left-radius: 0; + border-top-right-radius: 0; border-bottom-left-radius: 0; } &.last::before { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + @media screen and (max-width: (@screen-sm-min - 1px)) { + &, + &.first::before, + &.last::before { + border-radius: 0; + } } } }