feat(aio): comment cleanup, API table styles

- API table styling
- Cleanup on resource page comments

aio/src/app/embedded/resource/resource-list.component.html

@@ -1,5 +1,4 @@
-<div class="resources-container"> <!-- used to be just resources and fixed -->
+<div class="resources-container">
-  <!--<div class="c8">-->
     <div class="l-flex--column">
       <div class="showcase" *ngFor="let category of categories">
         <header class="c-resource-header">

aio/src/styles/1-layouts/_api-page.scss

@@ -8,6 +8,15 @@
     table.api-table {
         min-width: 680px;
 
+        thead th {
+            color: white;
+            font-size: 16px;
+            background-color: $blue;
+            border-radius: 4px 4px 0 0;
+            text-transform: none;
+            padding: 8px 24px;
+        }
+        
         tbody {
             pre {
                 white-space: normal;
@@ -18,6 +27,10 @@
             td, th {
                 padding: 0;
             }
+
+            th {
+                max-width: 150px;
+            }
         }
 
     }

aio/tools/transforms/templates/includes/_class-overview.html

@@ -5,8 +5,7 @@
   <table class="api-table">
       <thead>
       <tr>
-        <th>{$ doc.name $} Properties</th>
+        <th colspan="2">{$ doc.name $} Properties</th>
-        <th></th>
       </tr>
       </thead>
       <tbody>

aio/tools/transforms/templates/includes/_metadata.html

@@ -1,5 +1,5 @@
 {% if doc.members.length %}
-<div class="meta-data">
+<div class="meta-data api-section">
   <h2>Metadata Properties</h2>
     {% for metadata in doc.members %}{% if not metadata.internal %}
     <div class="metadata-member">