fix(docs-infra): make API member name bold (#31574)

- Return API member name bold font weight
- SCSS formatting cleanup

Closes #31494

PR Close #31574

aio/src/styles/2-modules/_api-pages.scss

@@ -4,36 +4,6 @@
   table {
     margin: 12px 0 24px;
 
-    th {
-        text-transform: none;
-        @include font-size(16);
-        font-weight: bold;
-    }
-
-    tr {
-        border-bottom: 1px solid $lightgray;
-    }
-
-    td {
-      vertical-align: middle;
-    }
-
-    // This is overriding a style here:
-    // https://github.com/angular/angular/blob/95993e1/aio/src/styles/2-modules/_table.scss#L58-L62
-    tbody > tr > td tr td:first-child {
-      @media screen and (max-width: 480px) {
-        background-color: inherit;
-      }
-    }
-
-    hr {
-      margin: 16px 0;
-    }
-
-    tr:last-child {
-      border-bottom: none;
-    }
-
     &.item-table {
       td {
         padding: 32px;
@@ -46,10 +16,6 @@
       }
     }
 
-    .short-description {
-      margin-left: 0;
-    }
-
     &.parameters-table {
       margin-top: 0;
       @include font-size(14);
@@ -80,6 +46,40 @@
         vertical-align: top;
       }
     }
+
+    th {
+      text-transform: none;
+      @include font-size(16);
+      font-weight: bold;
+    }
+
+    tr {
+      border-bottom: 1px solid $lightgray;
+
+      &:last-child {
+        border-bottom: none;
+      }
+    }
+
+    td {
+      vertical-align: middle;
+    }
+
+    // This is overriding a style here:
+    // https://github.com/angular/angular/blob/95993e1/aio/src/styles/2-modules/_table.scss#L58-L62
+    tbody > tr > td tr td:first-child {
+      @media screen and (max-width: 480px) {
+        background-color: inherit;
+      }
+    }
+
+    hr {
+      margin: 16px 0;
+    }
+
+    .short-description {
+      margin-left: 0;
+    }
   }
 
   .class-overview {
@@ -90,6 +90,10 @@
     }
   }
 
+  .member-name .pln {
+    font-weight: 700;
+  }
+
   .short-description {
     margin-top: 8px;
   }
@@ -138,6 +142,7 @@
       .github-links {
         a {
           color: $mediumgray;
+
           .material-icons:hover {
             background: none;
             color: $blue;
@@ -229,7 +234,6 @@
     margin: 0;
   }
 
-
   .from-constructor,
   .read-only-property,
   .write-only-property {

aio/tools/transforms/templates/api/includes/interface-overview.html

@@ -7,4 +7,4 @@ interface {$ doc.name $}{$ doc.typeParams | escape $}{$ memberHelper.renderHerit
 </code-example>
 {$ descendants.renderDescendants(doc, 'interface', 'Child interfaces') $}
 {$ descendants.renderDescendants(doc, 'class', 'Class implementations', true, r/class|directive|pipe|decorator/) $}
-</section>
+</section>