Fix password input in edit user

2 files changed, 11 insertions, 3 deletions

diff --git a/client/src/app/+admin/users/user-edit/user-edit.component.html b/client/src/app/+admin/users/user-edit/user-edit.component.html
index 819ced834..e1260c123 100644
--- a/client/src/app/+admin/users/user-edit/user-edit.component.html
+++ b/client/src/app/+admin/users/user-edit/user-edit.component.html
@@ -122,9 +122,11 @@
             </ng-container>
           </ng-template>
         </my-help>
-        <my-input-toggle-hidden formControlName="password" id="password"
-                          [ngClass]="{ 'input-error': formErrors['password'] }"
-                          autocomplete="new-password"></my-input-toggle-hidden>
+
+        <my-input-toggle-hidden
+          formControlName="password" id="password" [ngClass]="{ 'input-error': formErrors['password'] }" autocomplete="new-password"
+        ></my-input-toggle-hidden>
+
         <div *ngIf="formErrors.password" class="form-error">
           {{ formErrors.password }}
         </div>
diff --git a/client/src/app/+admin/users/user-edit/user-edit.component.scss b/client/src/app/+admin/users/user-edit/user-edit.component.scss
index 30c37f148..3b7715062 100644
--- a/client/src/app/+admin/users/user-edit/user-edit.component.scss
+++ b/client/src/app/+admin/users/user-edit/user-edit.component.scss
@@ -19,6 +19,12 @@ input:not([type=submit]) {
   display: block;
 }
 
+my-input-toggle-hidden {
+  @include responsive-width(340px);
+
+  display: block;
+}
+
 .peertube-select-container {
   @include peertube-select-container(340px);
 }