[doc] Compact HW Dashboard Removed the details of the stages and make it hovering text. The table is compact now and get more space for `notes` column. Signed-off-by: Eunchan Kim <eunchan@google.com>

diff --git a/site/docs/assets/scss/_markdown.scss b/site/docs/assets/scss/_markdown.scss
index 459f958..c8c166c 100644
--- a/site/docs/assets/scss/_markdown.scss
+++ b/site/docs/assets/scss/_markdown.scss

@@ -124,3 +124,10 @@
   border: 2px solid $dark-purple;
   border: 2px solid var(--text-color);
 }
+
+// Dashboard design
+table.hw-project-dashboard {
+    td.hw-stage {
+        text-align: center;
+    }
+}

diff --git a/util/dashboard/gen_dashboard_entry.py b/util/dashboard/gen_dashboard_entry.py
index b641426..4ace621 100644
--- a/util/dashboard/gen_dashboard_entry.py
+++ b/util/dashboard/gen_dashboard_entry.py

@@ -56,26 +56,26 @@
     genout(outfile, "      <tr>\n")
     genout(outfile, "        <td class=\"fixleft\">" +
                     html.escape(obj['name']) + "</td>\n")
-    genout(outfile, "        <td class=\"fixleft\">" +
+    genout(outfile, "        <td class=\"hw-stage\">" +
                     html.escape(obj['version']) + "</td>\n")
-    genout(outfile, "        <td class=\"fixleft\">" +
-                    html.escape(life_stage) + " - " +
-                    html.escape(life_stage_mapping) + "</td>\n")
+    genout(outfile, "        <td class=\"hw-stage\"><span class='hw-stage' title='" +
+                    html.escape(life_stage_mapping) + "'>" +
+                    html.escape(life_stage) + "</span></td>\n")
     if life_stage != 'L0' and 'design_stage' in obj:
         design_stage_mapping = convert_stage(obj['design_stage'])
         genout(outfile,
-                    "        <td class=\"fixleft\">" +
-                    html.escape(obj['design_stage']) + " - " +
-                    html.escape(design_stage_mapping) + "</td>\n")
+                    "        <td class=\"hw-stage\"><span class='hw-stage' title='" +
+                    html.escape(design_stage_mapping) + "'>" +
+                    html.escape(obj['design_stage']) + "</span></td>\n")
     else:
         genout(outfile,
                     "        <td>&nbsp;</td>\n")
     if life_stage != 'L0' and 'verification_stage' in obj:
         verification_stage_mapping = convert_stage(obj['verification_stage'])
         genout(outfile,
-                    "        <td class=\"fixleft\">" +
-                    html.escape(obj['verification_stage']) + " - " +
-                    html.escape(verification_stage_mapping) + "</td>\n")
+                    "        <td class=\"hw-stage\"><span class='hw-stage' title='" +
+                    html.escape(verification_stage_mapping) + "'>" +
+                    html.escape(obj['verification_stage']) + "</span></td>\n")
     else:
         genout(outfile,
                     "        <td>&nbsp;</td>\n")
@@ -109,7 +109,8 @@
     dv_plan_md = re.sub(
         r'/data/', '/doc/',
         re.sub(r'\.prj\.hjson', '_dv_plan.md', str(hjson_path)))
-    design_spec_html = re.sub(r'/data/', '/doc/',
+    design_spec_html = re.sub(
+        r'/data/', '/doc/',
         re.sub(r'\.prj\.hjson', '.html', str(rel_hjson_path)))
     dv_plan_html = re.sub(
         r'/data/', '/doc/',