From 91d658c41009797a3fb584b3f1bebc4e00069a81 Mon Sep 17 00:00:00 2001
From: Yin Zhang <yinzz@google.com>
Date: Fri, 29 Sep 2023 10:40:54 -0700
Subject: [PATCH] Update graph viewer config form input with tooltip and label

PiperOrigin-RevId: 569530567
---
 .../graph_viewer/graph_config/graph_config.ng.html       | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/app/components/graph_viewer/graph_config/graph_config.ng.html b/frontend/app/components/graph_viewer/graph_config/graph_config.ng.html
index c7bd2fa1f..1b036c35e 100644
--- a/frontend/app/components/graph_viewer/graph_config/graph_config.ng.html
+++ b/frontend/app/components/graph_viewer/graph_config/graph_config.ng.html
@@ -19,9 +19,9 @@
       </mat-select>
     </mat-form-field>
     <mat-form-field class="full-width" *ngIf="useProgramId">
+      <mat-label>XLA Program Id</mat-label>
       <input
         matInput
-        placeholder="Program id"
         aria-label="program-id"
         autocomplete="off"
         name="programId"
@@ -30,9 +30,10 @@
       />
     </mat-form-field>
     <mat-form-field class="full-width">
+      <mat-label>Op Name</mat-label>
       <input
         matInput
-        placeholder="Enter op name"
+        matTooltip="Op name for the center node."
         aria-label="op-name"
         required
         autocomplete="off"
@@ -42,10 +43,10 @@
       />
     </mat-form-field>
     <mat-form-field class="full-width">
+      <mat-label>Graph Width</mat-label>
       <input
         matInput
-        placeholder="Graph width"
-        matTooltip="Suggest width < 10"
+        matTooltip="Graph width from the center node. Suggest < 10."
         aria-label="graph-width"
         type="number"
         min="1"