Ombi/src/Ombi/ClientApp/src/app/user-preferences/components/user-preference/user-preference.component.html

<div class="small-middle-container" *ngIf="username">
  <h3 [translate]="'UserPreferences.Welcome'" [translateParams]="{username: username}"></h3>


  <hr>
  <div class="row top-spacing">
    <div class="col-4">
      <div>
        <small>{{'UserPreferences.LanguageDescription' | translate}}</small>
        <br>
        <mat-form-field>
          <mat-label [translate]="'UserPreferences.OmbiLanguage'"></mat-label>
          <mat-select [(value)]="selectedLang" (selectionChange)="languageSelected();">
            <mat-option *ngFor="let lang of availableLanguages" [value]="lang.value">
              {{lang.display}}
            </mat-option>
          </mat-select>
        </mat-form-field>
      </div>
      <div>

      </div>
    </div>
    <div class="col-1"></div>
    <div class="col-7">
      <mat-label [translate]="'UserPreferences.MobileQRCode'"></mat-label>
      <qrcode *ngIf="qrCodeEnabled" [qrdata]="qrCode" [size]="256" [level]="'L'"></qrcode>

    </div>

    <div class="col-4">
      <div>
        <small>{{'UserPreferences.StreamingCountryDescription' | translate}}</small>
        <br>
        <mat-form-field>
          <mat-label [translate]="'UserPreferences.StreamingCountry'"></mat-label>
          <mat-select [(value)]="selectedCountry" (selectionChange)="countrySelected();">
            <mat-option *ngFor="let value of countries" [value]="value">
              {{value}}
            </mat-option>
          </mat-select>
        </mat-form-field>
      </div>
      <div>

      </div>
    </div>



  </div>
</div>