Add style for IoArrowForward

Signed-off-by: Dat Diep <luccymoon@gmail.com>
jaegertracing · Oct 13, 2023 · 9509af1 · 9509af1
1 parent 022c8c4
commit 9509af1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/SpanBarRow.css b/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/SpanBarRow.css
@@ -194,3 +194,7 @@ limitations under the License.
   width: 1em;
   vertical-align: middle;
 }
+
+.SpanBarRow--arrowForwardIcon {
+  vertical-align: middle;
+}
diff --git a/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/SpanBarRow.tsx b/packages/jaeger-ui/src/components/TracePage/TraceTimelineViewer/SpanBarRow.tsx
@@ -152,14 +152,14 @@ export default class SpanBarRow extends React.PureComponent<SpanBarRowProps> {
                 {serviceName}{' '}
                 {rpc && (
                   <span>
-                    <IoArrowForward />{' '}
+                    <IoArrowForward className='SpanBarRow--arrowForwardIcon' />{' '}
                     <i className="SpanBarRow--rpcColorMarker" style={{ background: rpc.color }} />
                     {rpc.serviceName}
                   </span>
                 )}
                 {noInstrumentedServer && (
                   <span>
-                    <IoArrowForward />{' '}
+                    <IoArrowForward className='SpanBarRow--arrowForwardIcon' />{' '}
                     <i
                       className="SpanBarRow--rpcColorMarker"
                       style={{ background: noInstrumentedServer.color }}