From 26d749bc1855df9d240e8134b3a1cf8da4b2fd53 Mon Sep 17 00:00:00 2001
From: Simon Mo <xmo@berkeley.edu>
Date: Tue, 28 Jan 2020 10:39:22 -0800
Subject: [PATCH] [Dashboard] Render HTML inline (#6932)

---
 .../client/src/pages/dashboard/logical-view/Actor.tsx    | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/python/ray/dashboard/client/src/pages/dashboard/logical-view/Actor.tsx b/python/ray/dashboard/client/src/pages/dashboard/logical-view/Actor.tsx
index 160362e30..71637ffcf 100644
--- a/python/ray/dashboard/client/src/pages/dashboard/logical-view/Actor.tsx
+++ b/python/ray/dashboard/client/src/pages/dashboard/logical-view/Actor.tsx
@@ -46,6 +46,10 @@ const styles = (theme: Theme) =>
     },
     webuiDisplay: {
       fontSize: "0.875rem"
+    },
+    inlineHTML: {
+      fontSize: "0.875rem",
+      display: "inline"
     }
   });
 
@@ -184,7 +188,10 @@ class Actor extends React.Component<Props & WithStyles<typeof styles>, State> {
           let valueRendered = valueParsed["message"];
           if (valueParsed["dtype"] === "html") {
             valueRendered = (
-              <div dangerouslySetInnerHTML={{ __html: valueRendered }}></div>
+              <div
+                className={classes.inlineHTML}
+                dangerouslySetInnerHTML={{ __html: valueRendered }}
+              ></div>
             );
           }