From fff7d771b9d389db384a68267d51d813075d7b19 Mon Sep 17 00:00:00 2001
From: KostyaDanovsky <kostya.danovsky@gmail.com>
Date: Tue, 29 Aug 2017 14:22:03 +0300
Subject: [PATCH] fix(editors): change styles for html editors

---
 src/app/@theme/components/tiny-mce/tiny-mce.component.ts | 2 +-
 src/app/pages/editors/ckeditor/ckeditor.component.ts     | 7 +++++--
 src/app/pages/editors/tiny-mce/tiny-mce.component.ts     | 5 ++++-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/app/@theme/components/tiny-mce/tiny-mce.component.ts b/src/app/@theme/components/tiny-mce/tiny-mce.component.ts
index cf3d8448..c54685b0 100644
--- a/src/app/@theme/components/tiny-mce/tiny-mce.component.ts
+++ b/src/app/@theme/components/tiny-mce/tiny-mce.component.ts
@@ -23,7 +23,7 @@ export class TinyMCEComponent implements OnDestroy, AfterViewInit {
           this.editorKeyup.emit(editor.getContent());
         });
       },
-      height: '540',
+      height: '320',
     });
   }
 
diff --git a/src/app/pages/editors/ckeditor/ckeditor.component.ts b/src/app/pages/editors/ckeditor/ckeditor.component.ts
index 68601333..9796fd6b 100644
--- a/src/app/pages/editors/ckeditor/ckeditor.component.ts
+++ b/src/app/pages/editors/ckeditor/ckeditor.component.ts
@@ -6,9 +6,12 @@ import 'ckeditor';
 @Component({
   selector: 'ngx-ckeditor',
   template: `
-    <nb-card size="xlarge">
+    <nb-card>
+      <nb-card-header>
+        CKEditor
+      </nb-card-header>
       <nb-card-body>
-        <ckeditor [config]="{ extraPlugins: 'divarea', height: '515' }"></ckeditor>
+        <ckeditor [config]="{ extraPlugins: 'divarea', height: '320' }"></ckeditor>
       </nb-card-body>
     </nb-card>
   `,
diff --git a/src/app/pages/editors/tiny-mce/tiny-mce.component.ts b/src/app/pages/editors/tiny-mce/tiny-mce.component.ts
index 121a5fdb..b717e29e 100644
--- a/src/app/pages/editors/tiny-mce/tiny-mce.component.ts
+++ b/src/app/pages/editors/tiny-mce/tiny-mce.component.ts
@@ -3,7 +3,10 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'ngx-tiny-mce-page',
   template: `
-    <nb-card size="xlarge">
+    <nb-card size="large">
+      <nb-card-header>
+        Tiny MCE
+      </nb-card-header>
       <nb-card-body>
         <ngx-tiny-mce></ngx-tiny-mce>
       </nb-card-body>