From 04dc24820d9e2ad4ea6081a3a36a03c9208d73b8 Mon Sep 17 00:00:00 2001
From: Stefanie Fluin <sjtrimble@gmail.com>
Date: Mon, 1 May 2017 10:01:02 -0700
Subject: [PATCH] feat(aio): comment cleanup, API table styles

- API table styling
- Cleanup on resource page comments
---
 .../embedded/resource/resource-list.component.html  |  3 +--
 aio/src/styles/1-layouts/_api-page.scss             | 13 +++++++++++++
 .../templates/includes/_class-overview.html         |  3 +--
 .../transforms/templates/includes/_metadata.html    |  2 +-
 4 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/aio/src/app/embedded/resource/resource-list.component.html b/aio/src/app/embedded/resource/resource-list.component.html
index 5e01b2e1af..e5b861caeb 100644
--- a/aio/src/app/embedded/resource/resource-list.component.html
+++ b/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="c8">-->
+<div class="resources-container">
     <div class="l-flex--column">
       <div class="showcase" *ngFor="let category of categories">
         <header class="c-resource-header">
diff --git a/aio/src/styles/1-layouts/_api-page.scss b/aio/src/styles/1-layouts/_api-page.scss
index 4f17647fd3..0c4f026314 100644
--- a/aio/src/styles/1-layouts/_api-page.scss
+++ b/aio/src/styles/1-layouts/_api-page.scss
@@ -7,6 +7,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 {
@@ -18,6 +27,10 @@
             td, th {
                 padding: 0;
             }
+
+            th {
+                max-width: 150px;
+            }
         }
 
     }
diff --git a/aio/tools/transforms/templates/includes/_class-overview.html b/aio/tools/transforms/templates/includes/_class-overview.html
index 0c47e669ba..580d2279e3 100644
--- a/aio/tools/transforms/templates/includes/_class-overview.html
+++ b/aio/tools/transforms/templates/includes/_class-overview.html
@@ -5,8 +5,7 @@
   <table class="api-table">
       <thead>
       <tr>
-        <th>{$ doc.name $} Properties</th>
-        <th></th>
+        <th colspan="2">{$ doc.name $} Properties</th>
       </tr>
       </thead>
       <tbody>
diff --git a/aio/tools/transforms/templates/includes/_metadata.html b/aio/tools/transforms/templates/includes/_metadata.html
index a18967ee5f..de2b99485e 100644
--- a/aio/tools/transforms/templates/includes/_metadata.html
+++ b/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">