fix(outlook): Fix Outlook integration (#2047)

* fix(outlook): Fix Outlook integration

Closes #2045

src/content/outlook.js

@@ -1,27 +1,42 @@
-'use strict';
+/**
+ * @name Outlook
+ * @urlAlias outlook.office.com
+ * @urlRegex *://outlook.office.com/*
+ */
+
+"use strict";
 
 // Inbox emails
-togglbutton.render('[aria-label="Content pane"] [role="heading"]:not(.toggl)', { observe: true }, elem => {
-  const link = togglbutton.createTimerLink({
-    className: 'outlook',
-    description: elem.textContent
-  });
+togglbutton.render(
+  '[aria-label="Message actions"]:not(.toggl)',
+  { observe: true },
+  (elem) => {
+    const link = togglbutton.createTimerLink({
+      className: "outlook",
+      description: elem.textContent,
+    });
 
-  elem.appendChild(link);
-});
+    elem.childNodes[0].appendChild(link);
+  }
+);
 
 // Composing emails
-togglbutton.render('[aria-label="Command toolbar"] .ms-CommandBar-primaryCommand:not(.toggl)', { observe: true }, elem => {
-  const isComposingEmail = elem.querySelector('button[name="Send"]');
+togglbutton.render(
+  '[aria-label="Command toolbar"] .ms-CommandBar-primaryCommand:not(.toggl)',
+  { observe: true },
+  (elem) => {
+    const isComposingEmail = elem.querySelector('button[name="Send"]');
 
-  if (isComposingEmail) {
-    const subject = () => document.querySelector('[aria-label="Add a subject"]').value;
+    if (isComposingEmail) {
+      const subject = () =>
+        document.querySelector('[aria-label="Add a subject"]').value;
 
-    const link = togglbutton.createTimerLink({
-      className: 'outlook',
-      description: subject
-    });
+      const link = togglbutton.createTimerLink({
+        className: "outlook",
+        description: subject,
+      });
 
-    elem.appendChild(link);
+      elem.appendChild(link);
+    }
   }
-});
+);