Fix stats campaig navigation scroll

static/src/app/app.component.css

@@ -1,10 +1,3 @@
-html {
-  height: 100%;
-}
-body {
-  min-height: 100%;
-}
-
 ul {
   list-style-type: none;
   margin: 0;
@@ -15,17 +8,6 @@ li {
   display: inline;
 }
 
-.sidebar-toggle-btn {
-  background: #dadada;
-  filter: drop-shadow(2px 1px 1px #666);
-  margin-left: -12px;
-  z-index: 500;
-}
-
-.sidebar-toggle-btn mat-icon.mat-icon {
-  color: #666666;
-}
-
 .content {
   padding-left: 15px;
   padding-right: 15px;

static/src/app/statistic/campaign/campaign-navigation/campaign-navigation.component.css

@@ -1,6 +1,6 @@
 .scroll-btn {
   position: absolute;
-  height: 53px;
+  height: 46px;
   width: 32px;
   cursor: pointer;
 }
@@ -8,15 +8,11 @@
 .scroll-btn-right {
   top: 50px;
   left: calc(100vw - 45px);
-  background: linear-gradient(to right, rgba(255, 255, 255, 0.89), white);
-}
-
-.scroll-btn-left {
-  background: linear-gradient(to right, white, rgba(255, 255, 255, 0.89));
 }
 
 .scroll-btn mat-icon {
-  height: 53px
+  height: 46px;
+  width: 28px;
 }
 
 .campaign-horizontal-list {
@@ -26,13 +22,12 @@
   margin: 0;
   padding: 0;
   overflow: hidden;
-  box-shadow: #dadada 0 1px 5px;
+  box-shadow: #666666 1px 1px 4px;
 }
 
 .campaign-entry {
   border: 1px solid #222222;
-  min-width: 120px;
+  min-width: 20%;
-  width: 20%;
   max-height: 4em;
   padding: 10px 0;
   text-align: center;

static/src/app/statistic/campaign/campaign-navigation/campaign-navigation.component.html

@@ -1,4 +1,4 @@
-<div class="scroll-btn scroll-btn-left"
+<div class="scroll-btn"
      *ngIf="isLeftScrollVisible"
      (mouseenter)="setRepeater(-10)"
      (mouseleave)="clearRepeater()">

static/src/app/statistic/campaign/campaign-navigation/campaign-navigation.component.ts

@@ -1,4 +1,4 @@
-import {Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild} from '@angular/core';
+import {Component, ElementRef, EventEmitter, Input, OnChanges, Output, ViewChild} from '@angular/core';
 import {Campaign} from '../../../models/model-interfaces';
 
 @Component({
@@ -6,7 +6,7 @@ import {Campaign} from '../../../models/model-interfaces';
   templateUrl: './campaign-navigation.component.html',
   styleUrls: ['./campaign-navigation.component.css']
 })
-export class CampaignNavigationComponent implements OnInit {
+export class CampaignNavigationComponent implements OnChanges {
 
   @Input() campaigns: Campaign[];
 
@@ -22,7 +22,7 @@ export class CampaignNavigationComponent implements OnInit {
 
   repeater;
 
-  ngOnInit() {
+  ngOnChanges() {
     this.isRightScrollVisible = this.campaigns.length > 4;
   }