From ecf84be65ae435546af74f5e4b56da6c24c93edb Mon Sep 17 00:00:00 2001
From: Joey Tawadrous <90795735+joey-grafana@users.noreply.github.com>
Date: Sat, 12 Mar 2022 14:57:36 +0000
Subject: [PATCH] Added margin right to space out previously squashed labels
 and values (#46284)

---
 packages/jaeger-ui-components/src/common/LabeledList.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/jaeger-ui-components/src/common/LabeledList.tsx b/packages/jaeger-ui-components/src/common/LabeledList.tsx
index c03cb9482d3..a66358dc002 100644
--- a/packages/jaeger-ui-components/src/common/LabeledList.tsx
+++ b/packages/jaeger-ui-components/src/common/LabeledList.tsx
@@ -48,6 +48,10 @@ const getStyles = (divider: boolean) => (theme: GrafanaTheme2) => {
       color: ${theme.isLight ? '#999' : '#666'};
       margin-right: 0.25rem;
     `,
+    LabeledListValue: css`
+      label: LabeledListValue;
+      margin-right: 0.55rem;
+    `,
   };
 };
 
@@ -67,7 +71,7 @@ export default function LabeledList(props: LabeledListProps) {
         return (
           <li className={styles.LabeledListItem} key={`${key}`}>
             <span className={styles.LabeledListLabel}>{label}</span>
-            <strong>{value}</strong>
+            <strong className={styles.LabeledListValue}>{value}</strong>
           </li>
         );
       })}