fix(app): fixes margin bug on close button

Fixes #60
Sirimangalo · Aug 6, 2016 · e8aca2d · e8aca2d
1 parent 90fe322
commit e8aca2d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/src/app/app.css b/src/app/app.css
@@ -137,4 +137,8 @@ md-content{
   -webkit-flex-direction: column;
   flex-direction: column;
   height: 100%;
+}
+
+md-icon.icon-fix {
+  margin-left: 8px;
 }
diff --git a/src/app/app.html b/src/app/app.html
@@ -6,7 +6,7 @@
         Menu
         <span class="fill"></span>
         <button md-icon-button (click)="start.close()">
-          <md-icon>close</md-icon>
+          <md-icon class="icon-fix">close</md-icon>
         </button>
       </md-toolbar>
 

diff --git a/src/app/meditation/list-entry/list-entry.component.ts b/src/app/meditation/list-entry/list-entry.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
 import { MeditationService } from '../meditation.service';
 import { Response } from '@angular/http';
 import { Router } from '@angular/router';
@@ -10,6 +10,7 @@ import * as moment from 'moment';
   selector: 'meditation-list-entry',
   template: require('./list-entry.html'),
   directives: [AvatarDirective],
+  changeDetection: ChangeDetectionStrategy.OnPush,
   styles: [
     require('./list-entry.css')
   ]