$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;
  }
}
