Fix main-app scrollbar

src/components/add-on/add-on.component.scss

@@ -0,0 +1,5 @@
+:host {
+    width: 100%;
+    height: 100%;
+    display: block;
+}

src/components/add-on/add-on.component.ts

@@ -6,7 +6,10 @@ import { Observable } from 'rxjs/Observable';
 @Component({
     selector: 'add-on',
     template: require('./add-on.component.html'),
-    styles: [require('./add-on.component.scss')]
+    styles: [require('./add-on.component.scss')],
+    host: {
+        'class': 'container-fluid'
+    }
 })
 export class AddOnComponent {
     private name$: Observable<string>;

src/components/keymap/add/keymap-add.component.ts

@@ -13,7 +13,10 @@ import { KeymapActions } from '../../../store/actions';
 @Component({
     selector: 'keymap-add',
     template: require('./keymap-add.component.html'),
-    styles: [require('./keymap-add.component.scss')]
+    styles: [require('./keymap-add.component.scss')],
+    host: {
+        'class': 'container-fluid'
+    }
 })
 export class KeymapAddComponent implements OnDestroy {
     private presets: Keymap[];

src/components/keymap/edit/keymap-edit.component.ts

@@ -17,7 +17,10 @@ import { getKeymap } from '../../../store/reducers/keymap';
 @Component({
     selector: 'keymap-edit',
     template: require('./keymap-edit.component.html'),
-    styles: [require('./keymap-edit.component.scss')]
+    styles: [require('./keymap-edit.component.scss')],
+    host: {
+        'class': 'container-fluid'
+    }
 })
 export class KeymapEditComponent {
     private keymap$: Observable<Keymap>;

src/components/macro/edit/macro-edit.component.scss

@@ -1,3 +1,9 @@
+:host {
+    width: 100%;
+    height: 100%;
+    display: block;
+}
+
 .not-found {
     margin-top: 30px;
     font-size: 16px;

src/components/macro/edit/macro-edit.component.ts

@@ -15,7 +15,10 @@ import { getMacro } from '../../../store/reducers/macro';
 @Component({
     selector: 'macro-edit',
     template: require('./macro-edit.component.html'),
-    styles: [require('./macro-edit.component.scss')]
+    styles: [require('./macro-edit.component.scss')],
+    host: {
+        'class': 'container-fluid'
+    }
 })
 export class MacroEditComponent implements OnDestroy {
     private subscription: Subscription;

src/components/settings/settings.component.scss

@@ -0,0 +1,5 @@
+:host {
+    width: 100%;
+    height: 100%;
+    display: block;
+}

src/components/settings/settings.component.ts

@@ -3,7 +3,10 @@ import { Component } from '@angular/core';
 @Component({
     selector: 'settings',
     template: require('./settings.component.html'),
-    styles: [require('./settings.component.scss')]
+    styles: [require('./settings.component.scss')],
+    host: {
+        'class': 'container-fluid'
+    }
 })
 export class SettingsComponent {
     constructor() { }

src/main-app/main-app.component.html

@@ -1,6 +1,6 @@
 <notification></notification>
 <side-menu></side-menu>
-<div id="main-content" class="split split-horizontal container-fluid main-content">
+<div id="main-content" class="split split-horizontal main-content">
     <router-outlet></router-outlet>
 </div>
 <div class="github-fork-ribbon">