Fix header margin & change error message wording

styles/Header.module.css

@@ -1,6 +1,6 @@
 .header {
   height: rem(56px);
-  margin-bottom: rem(100px);
+  margin-bottom: auto;
   background-color: var(--mantine-color-body);
   border-bottom: rem(1px) solid light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
 }

worker/src/util.ts

@@ -55,13 +55,13 @@ function formatStatusChangeNotification(
   } else if (timeNow == timeIncidentStart) {
     return `🔴 ${
       monitor.name
-    } is currently down. \nService is unavailable at ${timeNowFormatted}. \nIssue: ${
+    } is down. \nService became unavailable at ${timeNowFormatted}. \nIssue: ${
       reason || 'unspecified'
     }`
   } else {
     return `🔴 ${
       monitor.name
-    } is still down. \nService is unavailable since ${timeIncidentStartFormatted} (${downtimeDuration} minutes). \nIssue: ${
+    } is down. \nService unavailable since ${timeIncidentStartFormatted} (${downtimeDuration} minutes). \nIssue: ${
       reason || 'unspecified'
     }`
   }