$seriesIconMargin: 10px; $margin: 24px; .marginTop { margin-top: $margin; } .exp-progress { margin-top: 9px; .bold { font-weight: 500; } .joiner { padding: 0 3px; } } .status-count { span { font-size: 14px; color: #8f8f8f; } p { font-size: 16px; font-weight: 500; color: #484848; } } .maxTrialNum { margin-bottom: 10px; .editparam { position: relative; top: -7px; } } .noEditDuration { position: relative; top: -7px; } .editDuration { position: relative; top: -4px; } .editExpDuration{ box-sizing: border-box; width: 31%; position: relative; left: 69%; bottom: 33%; } .concurrency { .editparam { margin-top: 5px; position: relative; } } .editparam { &-Input { width: 42px; height: 32px; padding-right: 5px; text-align: right; outline: none; border: none; border-bottom: 1px solid #ccc; } .maxExecDuration { width: 36px; } &-dropdown { width: 60px; display: inline-block; position: relative; top: 13px; left: 4px; margin-right: 3px; .ms-Dropdown-title { padding-right: 0; } } } .series { position: relative; top: 5px; i { font-size: 20px; font-weight: 700; } .confirm { margin: 0 $seriesIconMargin; i { color: green; } } } .cancel i { color: red; font-size: 16px; } .edit i { margin-left: 4px; } .overview input:disabled { background: transparent; border: none; } .info { position: absolute; z-index: 999; left: -50%; width: 270%; }