$poll-margin: 10px; .poll-ui-builder-form { display: flex; margin: 0; .options { flex-shrink: 0; width: 280px; } .combo-box, .multi-select { min-width: 180px; width: 180px; } .d-editor-preview { margin-left: $poll-margin * 2; width: 360px; } label { font-weight: bold; display: inline; } .tip { display: block; margin-bottom: $poll-margin * 1.5; margin-top: $poll-margin / 2; font-size: $font-down-1; } .poll-select { margin-bottom: $poll-margin; display: flex; align-items: center; } .input-group-label { min-width: 85px; } .input-group { display: flex; justify-content: space-between; } .poll-number { margin: $poll-margin 0; display: flex; align-items: center; input { width: 70px; } } .poll-textarea { flex-direction: column; } .poll-textarea textarea { width: 100%; height: 90px; box-sizing: border-box; } .poll-select + .poll-textarea { margin-top: $poll-margin; } .poll-checkbox, .poll-date { margin-top: $poll-margin / 2; } }