7 files changed, 4 insertions, 32 deletions

diff --git a/client/src/app/modal/account-setup-warning-modal.component.scss b/client/src/app/modal/account-setup-warning-modal.component.scss
index d99edaf7a..25e67b08f 100644
--- a/client/src/app/modal/account-setup-warning-modal.component.scss
+++ b/client/src/app/modal/account-setup-warning-modal.component.scss
@@ -2,7 +2,6 @@
 @use '_variables' as *;
 
 .modal-body {
-  font-size: 15px;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -24,7 +23,6 @@
 .subtitle {
   font-weight: $font-semibold;
   margin-bottom: 10px;
-  font-size: 16px;
 }
 
 li {
diff --git a/client/src/app/modal/admin-welcome-modal.component.scss b/client/src/app/modal/admin-welcome-modal.component.scss
index 242a498d0..716f1fff0 100644
--- a/client/src/app/modal/admin-welcome-modal.component.scss
+++ b/client/src/app/modal/admin-welcome-modal.component.scss
@@ -1,10 +1,6 @@
 @use '_mixins' as *;
 @use '_variables' as *;
 
-.modal-body {
-  font-size: 15px;
-}
-
 .two-columns {
   display: flex;
   align-items: center;
@@ -26,7 +22,6 @@
 .subtitle {
   font-weight: $font-semibold;
   margin-bottom: 10px;
-  font-size: 16px;
 }
 
 .block-documentation {
@@ -63,7 +58,6 @@ li {
   }
 
   .link-title {
-    font-size: 16px;
     font-weight: $font-semibold;
     display: flex;
     justify-content: center;
diff --git a/client/src/app/modal/confirm.component.html b/client/src/app/modal/confirm.component.html
index f07501726..c59c25770 100644
--- a/client/src/app/modal/confirm.component.html
+++ b/client/src/app/modal/confirm.component.html
@@ -9,7 +9,7 @@
   <div class="modal-body" >
     <div [innerHtml]="message"></div>
 
-    <div *ngIf="inputLabel && expectedInputValue" class="form-group">
+    <div *ngIf="inputLabel && expectedInputValue" class="form-group mt-3">
       <label for="confirmInput">{{ inputLabel }}</label>
       <input type="text" id="confirmInput" name="confirmInput" [(ngModel)]="inputValue" />
     </div>
diff --git a/client/src/app/modal/confirm.component.scss b/client/src/app/modal/confirm.component.scss
index 77ea4d307..3372baf1a 100644
--- a/client/src/app/modal/confirm.component.scss
+++ b/client/src/app/modal/confirm.component.scss
@@ -1,10 +1,6 @@
 @use '_variables' as *;
 @use '_mixins' as *;
 
-.modal-body {
-  font-size: 15px;
-}
-
 .button {
   padding: 0 13px;
 }
@@ -13,7 +9,3 @@ input[type=text] {
   @include peertube-input-text(100%);
   display: block;
 }
-
-.form-group {
-  margin: 20px 0;
-}
diff --git a/client/src/app/modal/custom-modal.component.scss b/client/src/app/modal/custom-modal.component.scss
index 15cbadfc0..c5b77994e 100644
--- a/client/src/app/modal/custom-modal.component.scss
+++ b/client/src/app/modal/custom-modal.component.scss
@@ -1,10 +1,6 @@
 @use '_mixins' as *;
 @use '_variables' as *;
 
-.modal-body {
-  font-size: 15px;
-}
-
 li {
   margin-bottom: 10px;
 }
diff --git a/client/src/app/modal/instance-config-warning-modal.component.scss b/client/src/app/modal/instance-config-warning-modal.component.scss
index 3e6c6d716..b650f4e69 100644
--- a/client/src/app/modal/instance-config-warning-modal.component.scss
+++ b/client/src/app/modal/instance-config-warning-modal.component.scss
@@ -1,10 +1,6 @@
 @use '_mixins' as *;
 @use '_variables' as *;
 
-.modal-body {
-  font-size: 15px;
-}
-
 li {
   margin-bottom: 10px;
 }
diff --git a/client/src/app/modal/quick-settings-modal.component.html b/client/src/app/modal/quick-settings-modal.component.html
index 8fa3aee50..5c55ee028 100644
--- a/client/src/app/modal/quick-settings-modal.component.html
+++ b/client/src/app/modal/quick-settings-modal.component.html
@@ -5,21 +5,17 @@
   </div>
 
   <div class="modal-body">
-    <div i18n class="mb-4 font-italic">These settings apply only to your session on this instance.</div>
+    <div i18n class="alert pt-alert-primary">These settings apply only to your session on this instance.</div>
 
-    <h6 i18n class="mb-4">Display settings</h6>
+    <h5 i18n class="mt-4 mb-2">Videos</h5>
 
     <my-user-video-settings
       *ngIf="!isUserLoggedIn()"
       [user]="user" [userInformationLoaded]="userInformationLoaded" [reactiveUpdate]="true" [notifyOnUpdate]="true"
     >
-
-      <ng-container ngProjectAs="inner-title">
-        <h6 i18n class="mb-4 mt-4">Video settings</h6>
-      </ng-container>
     </my-user-video-settings>
 
-    <h6 i18n class="mb-4 mt-4">Interface settings</h6>
+    <h5 i18n class="mt-4 mb-2">Interface</h5>
 
     <my-user-interface-settings
       *ngIf="!isUserLoggedIn()"