2 files changed, 14 insertions, 4 deletions

diff --git a/recipes/kimaicloud/package.json b/recipes/kimaicloud/package.json
index 76319f2..d37135d 100644
--- a/recipes/kimaicloud/package.json
+++ b/recipes/kimaicloud/package.json
@@ -1,7 +1,7 @@
 {
   "id": "kimaicloud",
   "name": "Kimai Cloud",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "license": "MIT",
   "repository": "https://github.com/kimai-cloud/recipe-kimaicloud",
   "config": {
diff --git a/recipes/kimaicloud/webview.js b/recipes/kimaicloud/webview.js
index 2855aa2..90ff710 100644
--- a/recipes/kimaicloud/webview.js
+++ b/recipes/kimaicloud/webview.js
@@ -1,9 +1,17 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   const getMessages = () => {
     let count = 0;
 
     // get amount of running timesheets
-    const label = document.querySelector('.main-header .navbar .dropdown.messages-menu .ticktac span.label');
+    const label = document.querySelector(
+      '.main-header .navbar .dropdown.messages-menu .ticktac span.label',
+    );
     if (label !== undefined) {
       count = Ferdium.safeParseInt(label.textContent);
     }
@@ -12,7 +20,7 @@ module.exports = (Ferdium) => {
     Ferdium.setBadge(count);
   };
 
-  document.addEventListener('click', (e) => {
+  document.addEventListener('click', e => {
     const { tagName, target, href } = e.target;
 
     if (tagName === 'A' && target === '_blank') {
@@ -23,4 +31,6 @@ module.exports = (Ferdium) => {
   });
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };