Add h5 style for very small headings.

frontend/src/app/features/user-preferences/notifications-settings/page/notifications-settings-page.component.html

@@ -3,8 +3,8 @@
   [formGroup]="form"
   (ngSubmit)="saveChanges()"
 >
-  <h2>{{ text.saveImmediately.title }}</h2>
-  <p>{{ text.saveImmediately.description }}</p>
+  <h5>{{ text.notifyImmediately.title }}</h5>
+  <p>{{ text.notifyImmediately.description }}</p>
 
   <op-checkbox-field [label]="text.mentioned.title">
       <input
@@ -29,7 +29,7 @@
     <p slot="description">{{ text.mentioned.title }}</p>
   </op-checkbox-field>
 
-  <h2>{{ text.alsoNotifyFor.title }}</h2>
+  <h5>{{ text.alsoNotifyFor.title }}</h5>
   <p>{{ text.alsoNotifyFor.description }}</p>
 
   <op-checkbox-field>
@@ -94,7 +94,7 @@
 
   <hr />
 
-  <h2>Project-specific notification settings</h2>
+  <h5>Project-specific notification settings</h5>
   <p>These project-specific settings override default settings above</p>
   
   <op-notification-settings-table

frontend/src/app/features/user-preferences/notifications-settings/page/notifications-settings-page.component.ts

@@ -39,7 +39,7 @@ export class NotificationsSettingsPageComponent extends UntilDestroyedMixin impl
   });
 
   text = {
-    saveImmediately: {
+    notifyImmediately: {
       title: this.I18n.t('js.notifications.settings.global.immediately.title'),
       description: this.I18n.t('js.notifications.settings.global.immediately.description'),
     },

frontend/src/global_styles/content/_headings.sass

@@ -51,3 +51,10 @@ h4
   border-bottom:      1px dotted #bbbbbb
   padding:            0 0 5px 0
   margin:             0 0 20px 0
+
+h5
+  color:              var(--h5-font-color)
+  font-weight:        bold
+  border-bottom:      none
+  padding:            0
+  margin:             10px 0 0 0