<!-- Outer container, full page width and height, red border -->
<div class="container-fluid d-flex justify-content-center align-items-center">
  <!-- Inner row, half the width and height, centered, blue border -->
  <div class="row text-center d-flex align-items-center" style="width: 50vw; height: 50vh">
    <div class="ml-auto mr-auto custom-control custom-switch" *ngIf="user">
      <input
        type="checkbox"
        class="custom-control-input"
        id="customInput1"
        [(ngModel)]="user.reviewingEnabled"
        (click)="setReviewerStatusForLogin()"
      />
      <label class="custom-control-label" for="customInput1">
        <span jhiTranslate="global.menu.account.enable_peer_review">
          I want to act as a reviewer for the CodeAbility Sharing Platform
        </span>
      </label>
    </div>
  </div>
  <!-- Inner row -->
</div>
<!-- Outer container -->