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     .section-field {
  15       textarea {
  16         height: 80px;
  17       }
  18     }
  19
  20     .rows-section, .grid-items {
  21       .row-flex-components {
  22         display: flex;
  23       }
  24
  25       .vertical-flex {
  26         flex-direction: column;
  27         .control-label {
  28           @extend .body-2-medium;
  29         }
  30         .radio-options-content-row {
  31           display: flex;
  32           margin-top: -4px;
  33           .validation-input-wrapper {
  34             width: 240px;
  35             margin-right: 7px;
  36
  37             & > .form-group {
  38               display: flex;
  39             }
  40             .form-group .radio {
  41               width: auto;
  42               margin-right: 0;
  43             }
  44           }
  45         }
  46       }
  47     }
  48   }
  49 }