From 90a7ff9c91aa2a01efd7aa06ca465f48197600f4 Mon Sep 17 00:00:00 2001
From: Matilde Park <matilde.park@sunshinegardens.org>
Date: Tue, 10 Mar 2020 21:25:07 -0400
Subject: [PATCH] launch: notification in header is relative to @p

The notification could overlap long @ps. This amends the notification
to be relative to the @p block, pushed to the left of it.
---
 .../launch/src/js/components/header.js        | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/pkg/interface/launch/src/js/components/header.js b/pkg/interface/launch/src/js/components/header.js
index e1a3b7878..f89fbd369 100644
--- a/pkg/interface/launch/src/js/components/header.js
+++ b/pkg/interface/launch/src/js/components/header.js
@@ -14,31 +14,33 @@ export default class Header extends Component {
 
     let numNotificationsElem =
       inviteNum > 0 ? (
-        <a href="/~groups">
+        <a href="/~groups" className="absolute bn no-underline"
+        style={{left: "-32"}}>
           <p
-            className="absolute ph1 br2 ba b--gray2 green2 white-d f9 lh-solid"
+            className="ph1 br2 ba b--gray2 green2 white-d f9 lh-solid"
             title={"Invitations to new groups"}
             style={{
               bottom: "-2",
               fontWeight: 600,
               fontSize: "8pt",
-              padding: "0.15rem 0.4rem",
-              right: 64
+              lineHeight: "1.25",
+              padding: "0.2rem 0.4rem"
             }}>
             {inviteNum > 99 ? "99+" : inviteNum}
           </p>
         </a>
       ) : (
-        <a href="/~groups">
+          <a href="/~groups" className="absolute bn no-underline"
+            style={{left: "-32"}}>
           <p
-            className="absolute ph1 br2 ba b--gray2 gray2 white-d f9 lh-solid"
+            className="ph1 br2 ba b--gray2 gray2 white-d f9 lh-solid"
             title={"No new invitations to new groups"}
             style={{
               bottom: "-2",
               fontWeight: 600,
               fontSize: "8pt",
-              padding: "0.15rem 0.4rem",
-              right: 64
+              lineHeight: "1.25",
+              padding: "0.2rem 0.4rem"
             }}>
             0
             </p>
@@ -57,7 +59,7 @@ export default class Header extends Component {
           }}>
           Home
         </span>
-        <div className="absolute right-1 lh-copy" style={{ top: 12 }}>
+        <div className="absolute relative right-1 lh-copy" style={{ top: 12 }}>
           {numNotificationsElem}
           <Sigil
             ship={"~" + window.ship}