Correctly fix sub menu

client/src/app/+about/about.component.html

@@ -1,5 +1,5 @@
 <div class="row">
-  <div class="sub-menu">
+  <div class="sub-menu sub-menu-fixed">
 
     <div class="links">
       <a i18n routerLink="instance" routerLinkActive="active" class="title-page title-page-about">Instance</a>

client/src/app/+accounts/account-videos/account-videos.component.scss

@@ -1,3 +0,0 @@
-.title-page-single {
-  margin-top: 0;
-}

client/src/app/+accounts/account-videos/account-videos.component.ts

@@ -12,8 +12,7 @@ import { I18n } from '@ngx-translate/i18n-polyfill'
   selector: 'my-account-videos',
   templateUrl: '../../shared/shared-video-miniature/abstract-video-list.html',
   styleUrls: [
-    '../../shared/shared-video-miniature/abstract-video-list.scss',
-    './account-videos.component.scss'
+    '../../shared/shared-video-miniature/abstract-video-list.scss'
   ]
 })
 export class AccountVideosComponent extends AbstractVideoList implements OnInit, OnDestroy {

client/src/app/+my-account/+my-account-video-channels/my-account-video-channels.component.scss

@@ -46,10 +46,6 @@ input[type=text] {
         color: $grey-actor-name;
         margin-left: 5px;
       }
-
-      .video-channel-followers {
-
-      }
     }
   }
 

client/src/app/+video-channels/video-channel-videos/video-channel-videos.component.scss

@@ -1,3 +0,0 @@
-.title-page-single {
-  margin-top: 0;
-}

client/src/app/+video-channels/video-channel-videos/video-channel-videos.component.ts

@@ -12,8 +12,7 @@ import { I18n } from '@ngx-translate/i18n-polyfill'
   selector: 'my-video-channel-videos',
   templateUrl: '../../shared/shared-video-miniature/abstract-video-list.html',
   styleUrls: [
-    '../../shared/shared-video-miniature/abstract-video-list.scss',
-    './video-channel-videos.component.scss'
+    '../../shared/shared-video-miniature/abstract-video-list.scss'
   ]
 })
 export class VideoChannelVideosComponent extends AbstractVideoList implements OnInit, OnDestroy {

client/src/app/shared/shared-main/misc/top-menu-dropdown.component.html

@@ -1,4 +1,4 @@
-<div class="sub-menu" [ngClass]="{ 'no-scroll': isModalOpened }">
+<div class="sub-menu sub-menu-fixed" [ngClass]="{ 'no-scroll': isModalOpened }">
   <ng-container *ngFor="let menuEntry of menuEntries; index as id">
 
     <a *ngIf="menuEntry.routerLink && isDisplayed(menuEntry)" [routerLink]="menuEntry.routerLink" routerLinkActive="active" class="title-page title-page-settings">{{ menuEntry.label }}</a>

client/src/app/shared/shared-main/misc/top-menu-dropdown.component.ts

@@ -1,5 +1,5 @@
 import { Subscription } from 'rxjs'
-import { filter, take } from 'rxjs/operators'
+import { filter } from 'rxjs/operators'
 import { Component, Input, OnDestroy, OnInit, ViewChild } from '@angular/core'
 import { NavigationEnd, Router } from '@angular/router'
 import { MenuService, ScreenService } from '@app/core'

client/src/sass/application.scss

@@ -145,16 +145,23 @@ label {
   .sub-menu {
     background-color: pvar(--submenuColor);
     width: 100%;
-    height: $sub-menu-height;
     display: flex;
     align-items: center;
     padding-left: $not-expanded-horizontal-margins;
     padding-right: $not-expanded-horizontal-margins;
-    position: fixed;
-    z-index: #{z('header') - 1};
 
     & + .margin-content {
-      padding-top: $sub-menu-height + $sub-menu-margin-bottom;
+      padding-top: $sub-menu-margin-bottom;
+    }
+
+    &.sub-menu-fixed {
+      height: $sub-menu-height;
+      position: fixed;
+      z-index: #{z('header') - 1};
+
+      & + .margin-content {
+        padding-top: $sub-menu-height + $sub-menu-margin-bottom;
+      }
     }
   }