Merge pull request #4138 from bernarden/feature/user-preferences-styling-improvements

User preferences page style improvements.
pull/4143/head v4.0.1322
Jamie 4 years ago committed by GitHub
commit 8ee4ae07f9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -1,30 +1,26 @@
<div class="small-middle-container" *ngIf="username">
<div class="row h-100">
<div class="col-1">
<img class="profile-img" [src]="getProfileImage()">
</div>
<div class="col-11 align-middle">
<h2 id="usernameTitle">{{username}} <small id="emailTitle" *ngIf="user.emailAddress">({{user.emailAddress}})</small></h2>
</div>
<div class="d-flex">
<img class="profile-img" [src]="getProfileImage()">
<h2 id="usernameTitle">{{username}}
<small id="emailTitle" *ngIf="user.emailAddress">({{user.emailAddress}})</small>
</h2>
</div>
<mat-tab-group>
<mat-tab label="Profile">
<div class="tab-content">
<div class="row">
<div class="col-1">
<div class="row user-type-row">
<div class="col-5 col-sm-3 col-md-2">
User Type:
</div>
<div class="col-11">
<div class="col-7 col-sm-9 col-md-10">
{{UserType[user.userType]}}
</div>
</div>
<div class="row">
<div class="col-4">
<div class="col-12 col-sm-6 col-xl-5">
<div>
<small>{{'UserPreferences.LanguageDescription' | translate}}</small>
<br>
@ -38,14 +34,9 @@
</mat-select>
</mat-form-field>
</div>
<div>
</div>
</div>
<div class="col-1"></div>
<div class="col-4">
<div class="col-12 col-sm-6 col-xl-5">
<div>
<small>{{'UserPreferences.StreamingCountryDescription' | translate}}</small>
<br>
@ -58,13 +49,8 @@
</mat-select>
</mat-form-field>
</div>
<div>
</div>
</div>
</div>
</div>
</mat-tab>

@ -5,9 +5,22 @@
}
.profile-img {
border-radius: 100%;
width: 75px;
height: 75px;
margin-right: 20px;
border-radius: 100%;
}
#usernameTitle {
margin: 0;
align-self: center;
overflow-wrap: anywhere;
}
.user-type-row {
padding-bottom: 1.25em;
}
.my-auto {
margin-top: auto;
margin-bottom: auto;
@ -19,5 +32,5 @@
}
.tab-content {
margin-top: 1%;
margin-top: 1.5em;
}
Loading…
Cancel
Save