fix(popover): fix popover component example (#711)

Closes #618, Closes #619

docs/structure.ts

@@ -311,6 +311,7 @@ export const structure = [
         icon: 'popover.svg',
         source: [
           'NbPopoverDirective',
+          'NbPopoverComponent',
         ],
       },
       {

e2e/popover.e2e-spec.ts

@@ -156,13 +156,13 @@ describe('nb-popover', () => {
   it('have to render component with context', () => {
     element(contentComponentWithContext).click();
     const text = element(popover).element(by.css('nb-dynamic-to-add > div > strong')).getText();
-    expect(text).toEqual('hello from dynamically inserted component: Example context');
+    expect(text).toEqual('Hello from custom component: Example context');
   });
 
   it('have to render template with context', () => {
     element(contentTemplateWithContext).click();
     const text = element(popover).element(by.css('nb-dynamic-to-add > div > strong')).getText();
-    expect(text).toEqual('hello from dynamically inserted component: Example context');
+    expect(text).toEqual('Hello from custom component: Example context');
   });
 
   it('have to hide popover when host removed', done => {

src/playground/popover/popover-custom-component.component.ts

@@ -11,8 +11,9 @@ import { NbDynamicToAddComponent } from '../shared/dynamic.component';
   selector: 'nb-popover-custom-component',
   templateUrl: './popover-custom-component.component.html',
   styles: [`
-    nb-layout-column {
-      height: 50vw;
+    :host {
+      display: block;
+      margin: 5rem;
     }
   `],
 })

src/playground/popover/popover-modes.component.ts

@@ -10,6 +10,12 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'nb-popover-modes',
   templateUrl: './popover-modes.component.html',
+  styles: [`
+    :host {
+      display: block;
+      margin: 5rem;
+    }
+  `],
 })
 export class NbPopoverModesComponent {
 }

src/playground/popover/popover-template-ref.component.ts

@@ -10,6 +10,12 @@ import { Component } from '@angular/core';
 @Component({
   selector: 'nb-popover-template-ref',
   templateUrl: './popover-template-ref.component.html',
+  styles: [`
+    :host {
+      display: block;
+      margin: 5rem;
+    }
+  `],
 })
 export class NbPopoverTemplateRefComponent {
 }

src/playground/shared/dynamic.component.ts

@@ -4,7 +4,7 @@ import { Component, Input } from '@angular/core';
   selector: 'nb-dynamic-to-add',
   template: `
     <div>
-      <strong>hello from dynamically inserted component: {{text}}</strong>
+      <strong>Hello from custom component: {{ text }}</strong>
     </div>
   `,
 })

src/playground/shared/shared.module.ts

@@ -19,6 +19,9 @@ import { NbDynamicToAddComponent } from './dynamic.component';
   declarations: [
     NbDynamicToAddComponent,
   ],
+  entryComponents: [
+    NbDynamicToAddComponent,
+  ],
 })
 export class NbPlaygroundSharedModule {
 }