openecomp-ui/resources/scss/modules/_vspComponentQuestionnaire.scss

   1
   2 .vsp-component-questionnaire-view {
   3   input[type='radio'], input[type='checkbox'] {
   4     &:before {
   5       border: 1px solid $dark-gray;
   6       cursor: pointer;
   7     }
   8     &:checked:before {
   9       border: 1px solid $blue;
  10     }
  11   }
  12   .component-questionnaire-validation-form {
  13
  14
  15     .section-sub-title {
  16       @extend .heading-5;
  17       padding-bottom: 10px;
  18     }
  19     .section-field {
  20       textarea {
  21         height: 80px;
  22       }
  23     }
  24
  25     .rows-section {
  26       .row-flex-components {
  27         display: flex;
  28       }
  29
  30       .vertical-flex {
  31         flex-direction: column;
  32         .control-label {
  33           @extend .body-2-medium;
  34         }
  35         .radio-options-content-row {
  36           display: flex;
  37           margin-top: -4px;
  38           .validation-input-wrapper {
  39             width: 240px;
  40             margin-right: 7px;
  41
  42             & > .form-group {
  43               display: flex;
  44             }
  45             .form-group .radio {
  46               width: auto;
  47               margin-right: 0;
  48             }
  49           }
  50         }
  51       }
  52     }
  53   }
  54 }