From 6792fb0beaa9c18daae2008b766ed7b76a7e8450 Mon Sep 17 00:00:00 2001
From: David Aurelio <davidaurelio@fb.com>
Date: Fri, 7 Jun 2019 08:31:19 -0700
Subject: [PATCH] `StatusIndicator`: support inline contexts.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Summary:
`StatusIndicator` works well as a flex child, but didn’t support usage in inline / text contexts.

Adding `display: inline-block` fixes that.

Reviewed By: danielbuechele

Differential Revision: D15695673

fbshipit-source-id: 30378d2292390b8d86c0a26c11571e5953b841f2
---
 src/ui/components/StatusIndicator.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/ui/components/StatusIndicator.js b/src/ui/components/StatusIndicator.js
index 8008ca0bb..b2fb99638 100644
--- a/src/ui/components/StatusIndicator.js
+++ b/src/ui/components/StatusIndicator.js
@@ -20,6 +20,7 @@ const StatusIndicator: Props => Element<'div'> = styled('div')(
     backgroundColor: statusColor,
     border: `1px solid ${colors.blackAlpha30}`,
     borderRadius: '50%',
+    display: 'inline-block',
     flexShrink: 0,
     height: diameter,
     title,