22

✏️ Editing: tabs_ui.less

a, h3 {
  &:active,
  &:focus {
    outline: none;
  }
}

//label {
//  padding: 0 0 5px 0;
//  input {
//    margin-top: -1px;
//    margin-right: 5px;
//    margin-bottom: 2px;
//  }
//}

.vc_settings-tab-content {
  display: none;
  // @todo check is it needed maybe make .vc_settings-tab-content: display: block.
  &.vc_settings-tab-content-active {
    display: block;
  }
  p.submit {
    float: left;
  }

.vc_updater-result-message {
    clear: both;
  }
  .vc_updater-passive {
    .opacity(0.4);
  }
  .vc_ui-wp-spinner {
    height: 25px;
    width: 25px;
    float: left;
    &::before {
      height: 20px;
      width: 20px;
    }
  }
}

.vc_helper {
  display: none;
}

.tab_intro {
  padding: 15px 10px 0 10px;
}

.vc_settings-activation-deactivation {
  text-align: center;
  max-width: 960px;

p {
    font-size: 14px;
  }

.button-updater {
    // make button centered. 16px - spinner width, 5px - spinner margin
    margin-left: (16px + 5px) * 2;
  }

.vc_updater-spinner {
    transition: opacity 0.2s;
    vertical-align: middle;
    margin-left: 5px;
    opacity: 0;
  }

.loading {
    .vc_updater-spinner {
      opacity: 1;
    }
  }
}

MR SKB