From 75149b93a7d3ebf164bc65deeb487eeff5eff581 Mon Sep 17 00:00:00 2001
From: Johannes Millan <johannes.millan@gmail.com>
Date: Wed, 13 Feb 2019 19:38:10 +0100
Subject: [PATCH] feat(takeABreak): improve snack styling

---
 .../snack-take-a-break/snack-take-a-break.component.html   | 4 ++--
 .../time-tracking/take-a-break/take-a-break.service.ts     | 4 +++-
 src/styles/components/_overwrite-material.scss             | 7 +++++++
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/app/core/snack/snack-take-a-break/snack-take-a-break.component.html b/src/app/core/snack/snack-take-a-break/snack-take-a-break.component.html
index e215d5cb2b..6f937eff62 100644
--- a/src/app/core/snack/snack-take-a-break/snack-take-a-break.component.html
+++ b/src/app/core/snack/snack-take-a-break/snack-take-a-break.component.html
@@ -1,8 +1,8 @@
 <div class="wrapper">
   <mat-icon>free_breakfast</mat-icon>
 
-  <span [innerHtml]="data.message"
-        class="message"></span>
+  <div [innerHtml]="data.message"
+        class="message"></div>
 
   <div class="button-wrapper">
     <button (click)="snooze()"
diff --git a/src/app/features/time-tracking/take-a-break/take-a-break.service.ts b/src/app/features/time-tracking/take-a-break/take-a-break.service.ts
index a0d3b34bb4..c4312f294f 100644
--- a/src/app/features/time-tracking/take-a-break/take-a-break.service.ts
+++ b/src/app/features/time-tracking/take-a-break/take-a-break.service.ts
@@ -95,6 +95,8 @@ export class TakeABreakService {
     this._tick$,
     this._triggerReset$,
   ).pipe(
+    // startWith(9999999),
+    // delay(1000),
     scan((acc, value) => {
       return (value > 0)
         ? acc + value
@@ -139,7 +141,7 @@ export class TakeABreakService {
         type: 'TAKE_A_BREAK',
         message: msg,
         config: {
-          duration: RE_OPEN_SNACK_INTERVAL,
+          duration: RE_OPEN_SNACK_INTERVAL - 1000,
         }
       });
     });
diff --git a/src/styles/components/_overwrite-material.scss b/src/styles/components/_overwrite-material.scss
index 9d0d719912..29278863b6 100644
--- a/src/styles/components/_overwrite-material.scss
+++ b/src/styles/components/_overwrite-material.scss
@@ -11,4 +11,11 @@ body .mat-snack-bar-container {
     padding-top: 8px;
     padding-bottom: 8px;
   }
+
+  @include mq(sm) {
+    max-width: 60vw;
+  }
+  @include mq(lg) {
+    max-width: 33vw;
+  }
 }