X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fmodal%2Fquick-settings-modal.component.html;h=5c55ee0284d2f59905bb11f42735c9b32c1e5076;hb=2c2befaacaa7063df0d4557b71c187ee168a8eb6;hp=e2ea51b929845a2ff1d7738f0d52aeab31da2c3d;hpb=610d0be13b3d01f653ef269271dd667a57c85ef2;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/modal/quick-settings-modal.component.html b/client/src/app/modal/quick-settings-modal.component.html
index e2ea51b92..5c55ee028 100644
--- a/client/src/app/modal/quick-settings-modal.component.html
+++ b/client/src/app/modal/quick-settings-modal.component.html
@@ -1,20 +1,25 @@
 <ng-template #modal let-hide="close">
   <div class="modal-header">
-    <h4 i18n class="modal-title">Settings</h4>
+    <h4 i18n class="modal-title">My settings</h4>
     <my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hide()"></my-global-icon>
   </div>
-  
+
   <div class="modal-body">
-    <div i18n class="mb-4 quick-settings-title">Display settings</div>
+    <div i18n class="alert pt-alert-primary">These settings apply only to your session on this instance.</div>
+
+    <h5 i18n class="mt-4 mb-2">Videos</h5>
 
-    <my-account-video-settings *ngIf="!isUserLoggedIn()" [user]="user" [userInformationLoaded]="userInformationLoaded" [reactiveUpdate]="true" [notifyOnUpdate]="true">
-      <ng-container ngProjectAs="inner-title">
-        <div i18n class="mb-4 mt-4 quick-settings-title">Video settings</div>
-      </ng-container>
-    </my-account-video-settings>
+    <my-user-video-settings
+      *ngIf="!isUserLoggedIn()"
+      [user]="user" [userInformationLoaded]="userInformationLoaded" [reactiveUpdate]="true" [notifyOnUpdate]="true"
+    >
+    </my-user-video-settings>
 
-    <div i18n class="mb-4 mt-4 quick-settings-title">Interface settings</div>
+    <h5 i18n class="mt-4 mb-2">Interface</h5>
 
-    <my-account-interface-settings *ngIf="!isUserLoggedIn()" [user]="user" [userInformationLoaded]="userInformationLoaded" [reactiveUpdate]="true" [notifyOnUpdate]="true"></my-account-interface-settings>
+    <my-user-interface-settings
+      *ngIf="!isUserLoggedIn()"
+      [user]="user" [userInformationLoaded]="userInformationLoaded" [reactiveUpdate]="true" [notifyOnUpdate]="true"
+    ></my-user-interface-settings>
   </div>
 </ng-template>