diff options
Diffstat (limited to 'client/src/app/account')
6 files changed, 19 insertions, 8 deletions
diff --git a/client/src/app/account/account-settings/account-change-password/account-change-password.component.html b/client/src/app/account/account-settings/account-change-password/account-change-password.component.html index c57e705f9..b0e3cada4 100644 --- a/client/src/app/account/account-settings/account-change-password/account-change-password.component.html +++ b/client/src/app/account/account-settings/account-change-password/account-change-password.component.html | |||
@@ -4,15 +4,15 @@ | |||
4 | 4 | ||
5 | <label for="new-password">Change password</label> | 5 | <label for="new-password">Change password</label> |
6 | <input | 6 | <input |
7 | type="password" class="form-control" id="new-password" placeholder="Old password" | 7 | type="password" id="new-password" placeholder="New password" |
8 | formControlName="new-password" | 8 | formControlName="new-password" [ngClass]="{ 'input-error': formErrors['new-password'] }" |
9 | > | 9 | > |
10 | <div *ngIf="formErrors['new-password']" class="alert alert-danger"> | 10 | <div *ngIf="formErrors['new-password']" class="form-error"> |
11 | {{ formErrors['new-password'] }} | 11 | {{ formErrors['new-password'] }} |
12 | </div> | 12 | </div> |
13 | 13 | ||
14 | <input | 14 | <input |
15 | type="password" id="new-confirmed-password" placeholder="New password" | 15 | type="password" id="new-confirmed-password" placeholder="Confirm new password" |
16 | formControlName="new-confirmed-password" | 16 | formControlName="new-confirmed-password" |
17 | > | 17 | > |
18 | 18 | ||
diff --git a/client/src/app/account/account-settings/account-change-password/account-change-password.component.scss b/client/src/app/account/account-settings/account-change-password/account-change-password.component.scss index 593355b70..75827abbf 100644 --- a/client/src/app/account/account-settings/account-change-password/account-change-password.component.scss +++ b/client/src/app/account/account-settings/account-change-password/account-change-password.component.scss | |||
@@ -1,9 +1,14 @@ | |||
1 | input[type=password] { | 1 | input[type=password] { |
2 | @include peertube-input-text(340px); | 2 | @include peertube-input-text(340px); |
3 | display: block; | 3 | display: block; |
4 | margin-bottom: 10px; | 4 | |
5 | &#new-confirmed-password { | ||
6 | margin-top: 15px; | ||
7 | } | ||
5 | } | 8 | } |
6 | 9 | ||
7 | input[type=submit] { | 10 | input[type=submit] { |
8 | @include peertube-button; | 11 | @include peertube-button; |
12 | margin-top: 15px; | ||
9 | } | 13 | } |
14 | |||
diff --git a/client/src/app/account/account-settings/account-details/account-details.component.html b/client/src/app/account/account-settings/account-details/account-details.component.html index c3cf6b629..bc18b39b4 100644 --- a/client/src/app/account/account-settings/account-details/account-details.component.html +++ b/client/src/app/account/account-settings/account-details/account-details.component.html | |||
@@ -10,5 +10,5 @@ | |||
10 | {{ formErrors['displayNSFW'] }} | 10 | {{ formErrors['displayNSFW'] }} |
11 | </div> | 11 | </div> |
12 | 12 | ||
13 | <input type="submit" value="Update" [disabled]="!form.valid"> | 13 | <input type="submit" value="Save" [disabled]="!form.valid"> |
14 | </form> | 14 | </form> |
diff --git a/client/src/app/account/account-settings/account-details/account-details.component.scss b/client/src/app/account/account-settings/account-details/account-details.component.scss index b1810d4f9..687166d9e 100644 --- a/client/src/app/account/account-settings/account-details/account-details.component.scss +++ b/client/src/app/account/account-settings/account-details/account-details.component.scss | |||
@@ -8,4 +8,5 @@ input[type=submit] { | |||
8 | @include peertube-button; | 8 | @include peertube-button; |
9 | 9 | ||
10 | display: block; | 10 | display: block; |
11 | margin-top: 15px; | ||
11 | } | 12 | } |
diff --git a/client/src/app/account/account-videos/account-videos.component.html b/client/src/app/account/account-videos/account-videos.component.html index eb0a32fd3..81bda9477 100644 --- a/client/src/app/account/account-videos/account-videos.component.html +++ b/client/src/app/account/account-videos/account-videos.component.html | |||
@@ -1,7 +1,9 @@ | |||
1 | <div | 1 | <div |
2 | infiniteScroll | 2 | infiniteScroll |
3 | [infiniteScrollDistance]="0.5" | 3 | [infiniteScrollDistance]="0.5" |
4 | [infiniteScrollUpDistance]="1.5" | ||
4 | (scrolled)="onNearOfBottom()" | 5 | (scrolled)="onNearOfBottom()" |
6 | (scrolledUp)="onNearOfTop()" | ||
5 | > | 7 | > |
6 | <div class="video" *ngFor="let video of videos"> | 8 | <div class="video" *ngFor="let video of videos"> |
7 | <my-video-thumbnail [video]="video"></my-video-thumbnail> | 9 | <my-video-thumbnail [video]="video"></my-video-thumbnail> |
diff --git a/client/src/app/account/account-videos/account-videos.component.scss b/client/src/app/account/account-videos/account-videos.component.scss index b26933d22..c31497350 100644 --- a/client/src/app/account/account-videos/account-videos.component.scss +++ b/client/src/app/account/account-videos/account-videos.component.scss | |||
@@ -2,8 +2,11 @@ | |||
2 | display: flex; | 2 | display: flex; |
3 | height: 130px; | 3 | height: 130px; |
4 | padding-bottom: 20px; | 4 | padding-bottom: 20px; |
5 | margin-bottom: 20px; | 5 | |
6 | border-bottom: 1px solid #C6C6C6; | 6 | &:not(:last-child) { |
7 | margin-bottom: 20px; | ||
8 | border-bottom: 1px solid #C6C6C6; | ||
9 | } | ||
7 | 10 | ||
8 | my-video-thumbnail { | 11 | my-video-thumbnail { |
9 | margin-right: 10px; | 12 | margin-right: 10px; |