Style yield name

ui/src/flux/components/TimeMachineVis.tsx

@@ -54,7 +54,7 @@ class TimeMachineVis extends PureComponent<Props, State> {
             currentView={visType}
             onToggleView={this.selectVisType}
           />
-          <span>{yieldName}</span>
+          <div className="yield-node--name">{`"${yieldName}"`}</div>
         </div>
         <div className="yield-node--visualization">{this.vis}</div>
       </>

ui/src/style/components/time-machine/visualization.scss

@@ -27,6 +27,17 @@ $flux-builder-yield-tabs-max-width: 400px;
   background-color: $g3-castle;
   padding: $flux-node-padding;
   border-radius: $radius $radius 0 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.yield-node--name {
+  font-size: 12px;
+  font-weight: 600;
+  margin-right: 6px;
+  @include no-user-select();
+  color: $c-honeydew;
 }
 
 .yield-node--visualization {