From ca7e8b50fcea1aacc5247eccd6972e3977c41ecd Mon Sep 17 00:00:00 2001
From: Johannes Millan <johannes.millan@gmail.com>
Date: Thu, 20 Jun 2019 17:50:34 +0200
Subject: [PATCH] feat(idle): improve idle time dialog appearance

---
 .../time-tracking/dialog-idle/dialog-idle.component.html | 9 ++++++---
 .../time-tracking/dialog-idle/dialog-idle.component.scss | 9 +++++----
 src/app/features/time-tracking/idle.service.ts           | 2 ++
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/app/features/time-tracking/dialog-idle/dialog-idle.component.html b/src/app/features/time-tracking/dialog-idle/dialog-idle.component.html
index 6c2b127c89..a607299635 100644
--- a/src/app/features/time-tracking/dialog-idle/dialog-idle.component.html
+++ b/src/app/features/time-tracking/dialog-idle/dialog-idle.component.html
@@ -36,11 +36,13 @@
             type="button">
       <mat-icon *ngIf="!isCreate">track_changes</mat-icon>
       <mat-icon *ngIf="isCreate">add</mat-icon>
-      <!--      <mat-icon>free_breakfast</mat-icon>-->
-      Task& Break
+<!--      <mat-icon style="margin-left: -4px;">free_breakfast</mat-icon>-->
+      Task+Break
+      <mat-icon >free_breakfast</mat-icon>
     </button>
 
     <button (click)="trackAsBreak()"
+            color="primary"
             mat-raised-button
             type="button">
       <mat-icon>free_breakfast</mat-icon>
@@ -48,7 +50,8 @@
     </button>
 
     <button (click)="skipTrack()"
-            mat-raised-button
+            color=""
+            mat-button
             type="button">
       <mat-icon>skip_next</mat-icon>
       Skip
diff --git a/src/app/features/time-tracking/dialog-idle/dialog-idle.component.scss b/src/app/features/time-tracking/dialog-idle/dialog-idle.component.scss
index 329077601c..962db0cc3e 100644
--- a/src/app/features/time-tracking/dialog-idle/dialog-idle.component.scss
+++ b/src/app/features/time-tracking/dialog-idle/dialog-idle.component.scss
@@ -1,10 +1,11 @@
 @import "../../../../variables";
 
 .dialog-content {
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-  align-items: center;
+  p,
+  .track-to-label,
+  .time {
+    text-align: center;
+  }
 }
 
 .time {
diff --git a/src/app/features/time-tracking/idle.service.ts b/src/app/features/time-tracking/idle.service.ts
index ea0a45a1e4..f8418b1116 100644
--- a/src/app/features/time-tracking/idle.service.ts
+++ b/src/app/features/time-tracking/idle.service.ts
@@ -57,6 +57,8 @@ export class IdleService {
     });
 
     // window.setTimeout(() => {
+    //   console.log('I am here!');
+    //
     //   this.handleIdle(800000);
     // }, 700);
   }