2 files changed, 20 insertions, 6 deletions

diff --git a/recipes/hubstaff/package.json b/recipes/hubstaff/package.json
index 36a3d87..289ba18 100644
--- a/recipes/hubstaff/package.json
+++ b/recipes/hubstaff/package.json
@@ -1,7 +1,7 @@
 {
   "id": "hubstaff",
   "name": "HubStaff",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "config": {
     "serviceURL": "https://app.hubstaff.com/login_now",
diff --git a/recipes/hubstaff/webview.js b/recipes/hubstaff/webview.js
index c925f18..8527a4d 100644
--- a/recipes/hubstaff/webview.js
+++ b/recipes/hubstaff/webview.js
@@ -1,15 +1,29 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   // TODO: If your hubstaff service has unread messages, uncomment these lines to implement the logic for updating the badges
   const getMessages = () => {
     // TODO: Insert your notification-finding code here
     let directMessages = 0;
     let indirectMessages = 0;
-    const notificationContainers = document.querySelectorAll('.notifications-number');
-    if (notificationContainers){
-      directMessages = Ferdium.safeParseInt(notificationContainers[0].textContent);
-      indirectMessages = Ferdium.safeParseInt(notificationContainers[1].textContent);
+    const notificationContainers = document.querySelectorAll(
+      '.notifications-number',
+    );
+    if (notificationContainers) {
+      directMessages = Ferdium.safeParseInt(
+        notificationContainers[0].textContent,
+      );
+      indirectMessages = Ferdium.safeParseInt(
+        notificationContainers[1].textContent,
+      );
     }
     Ferdium.setBadge(directMessages, indirectMessages);
   };
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };