Put pipeline icon to the left of the name

This better matches our use of icons elsewhere (example: build list
table column header).  It also separates the icon from the queue
length indicator which reads sort of like an icon as well.

Change-Id: Ib460826e657ab3c9d36e7f2734c620f5afe43486

1 files changed, 1 insertions, 2 deletions

diff --git a/web/src/containers/status/Pipeline.jsx b/web/src/containers/status/Pipeline.jsx
index 00c79ef25..4eecfe137 100644
--- a/web/src/containers/status/Pipeline.jsx
+++ b/web/src/containers/status/Pipeline.jsx
@@ -167,8 +167,6 @@ class Pipeline extends React.Component {
     const Icon = pl_config.icon
     return (
       <>
-        {pipeline.name}
-        &nbsp;
         <Tooltip
           position="bottom"
           content={<div><strong>{pl_config.help_title}</strong><p>{pl_config.help}</p></div>}
@@ -176,6 +174,7 @@ class Pipeline extends React.Component {
           <Icon />
         </Tooltip>
         &nbsp;
+        {pipeline.name}
       </>
     )
   }