.group_settings { display: flex; flex-direction: column; } .group_settings-setting { display: flex; width: 100%; border-bottom: 1px solid #cecece; padding: 0 0 20px 0; flex-direction: column; margin: 20px 0; } .group_settings-setting-title{ margin: 0 10px; display: flex; } .group_settings-setting-title > label{ display: flex; column-gap: 0.5rem; font-weight: bold; margin-bottom: 20px; } .group_settings-setting-title-params { display: flex; column-gap: 0.5rem; row-gap: 0.5rem; flex-wrap: wrap; } .ant-btn.group_settings-setting-title-params { margin: 10px; } @media screen and (max-width: 1080px) { .group_settings-setting-title-params { flex-direction: column; } .ant-btn.group_settings-setting-title-params { margin: 10px 0; } } .group_settings-setting-title-param { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; max-width: 100%; } .group_settings-setting-title-param.full { width: 100%; } .group_settings-setting-title-param-subtitle { margin: 0 10px; min-width: 20px; width: fit-content; } .group_settings-setting-title-param-subtitle.selector { width: 200px; } .group_settings-setting-title-param-value { display: flex; flex-wrap: wrap; min-width: 100px; max-width: 100%; gap: 0.5rem; } .group_settings-setting-title-param-comments{ display: flex; flex-direction: column; border-left: 5px solid #00000073; padding-left: 10px; } .compact-picker { width: 100% !important; } .flex-input-control-block{ flex: 1 1 150px; min-width: 150px; } @media screen and (max-width: 1230px) { .flex-input-control-block{ flex: 1 1 36px; } } .disable-enabled { margin: "0 10px;" } .disable-enabled[disabled] { color: #1890ff; border: 1px solid #1890ff; }