From 5877cf76f3569239d0613a8f45c3df084b01d66c Mon Sep 17 00:00:00 2001
From: Yin Zhang <yinzz@google.com>
Date: Fri, 12 Apr 2024 17:31:08 -0700
Subject: [PATCH] Fix op table header and cells alignment

PiperOrigin-RevId: 624338267
---
 .../op_profile/op_profile_common.scss         | 23 +++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/op_profile/op_profile_common.scss b/frontend/app/components/op_profile/op_profile_common.scss
index d18997dbc..8933df4ca 100644
--- a/frontend/app/components/op_profile/op_profile_common.scss
+++ b/frontend/app/components/op_profile/op_profile_common.scss
@@ -53,6 +53,19 @@
   cursor: pointer;
 }
 
+// set left margin of 16px to match leading span for each cell (for aria-label)
+.time-header,
+.wasted-header,
+.hbmFraction-header,
+.name-header,
+.provenance-header,
+.utilization-hader,
+.hbmUtilization-header,
+.utilization-header,
+.hbmUtilization-header {
+  margin-left: 16px;
+}
+
 .time-header,
 .wasted-header,
 .hbmFraction-header,
@@ -87,6 +100,11 @@
   font-size: smaller;
 }
 
+.wasted,
+.wasted-header {
+  width: 8%;
+}
+
 .name-header,
 .name {
   display: inline-block;
@@ -96,13 +114,14 @@
   word-break: break-all;
 }
 
-.name {
+.name,
+.provenance {
   text-align: left;
 }
 
 .provenance-header,
 .provenance {
-  width: 20%;
+  width: 10%;
 }
 
 .utilization-header,