From 3cd9645daa4d35685ca1bdbe02f44dc34d11464d Mon Sep 17 00:00:00 2001
From: George Kalpakas <kalpakas.g@gmail.com>
Date: Tue, 17 Jul 2018 12:14:18 +0300
Subject: [PATCH] fix(docs-infra): fix table header layout in API pages
 (#24919)

PR Close #24919
---
 aio/src/styles/2-modules/_api-pages.scss         |  9 +++------
 .../templates/api/decorator.template.html        |  6 ++++--
 .../templates/api/lib/memberHelpers.html         | 16 +++++++++-------
 3 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/aio/src/styles/2-modules/_api-pages.scss b/aio/src/styles/2-modules/_api-pages.scss
index 41768a0bd9..55e273408f 100644
--- a/aio/src/styles/2-modules/_api-pages.scss
+++ b/aio/src/styles/2-modules/_api-pages.scss
@@ -31,13 +31,10 @@
   }
 
   .method-table, .option-table, .list-table {
-    th {
-      display: flex;
+    .with-github-links {
       align-items: center;
-
-      h3 {
-        flex: 1;
-      }
+      display: flex;
+      justify-content: space-between;
 
       .github-links {
         a {
diff --git a/aio/tools/transforms/templates/api/decorator.template.html b/aio/tools/transforms/templates/api/decorator.template.html
index 6a32d634b7..dca547549f 100644
--- a/aio/tools/transforms/templates/api/decorator.template.html
+++ b/aio/tools/transforms/templates/api/decorator.template.html
@@ -13,8 +13,10 @@
   <a id="{$ option.anchor $}"></a>
   <table class="is-full-width option-table">
     <thead><tr><th>
-      <h3>{$ option.name $}</h3>
-      {$ github.githubLinks(option, versionInfo) $}
+      <div class="with-github-links">
+        <h3>{$ option.name $}</h3>
+        {$ github.githubLinks(option, versionInfo) $}
+      </div>
     </th></tr></thead>
     <tbody>
       <tr>
diff --git a/aio/tools/transforms/templates/api/lib/memberHelpers.html b/aio/tools/transforms/templates/api/lib/memberHelpers.html
index de81f1f5a2..0a8fca6a07 100644
--- a/aio/tools/transforms/templates/api/lib/memberHelpers.html
+++ b/aio/tools/transforms/templates/api/lib/memberHelpers.html
@@ -74,13 +74,15 @@
 <a id="{$ method.anchor $}"></a>
 <table class="is-full-width method-table {$ cssClass $}">
   {% if method.name !== 'constructor' %}<thead><tr><th>
-    <h3>
-      {% if method.isCallMember %}<i>call signature</i>
-      {% elseif method.isNewMember %}<i>construct signature</i>
-      {% else %}{$ method.name $}()
-      {% endif %}
-    </h3>
-    {$ github.githubLinks(method, versionInfo) $}
+    <div class="with-github-links">
+      <h3>
+        {% if method.isCallMember %}<i>call signature</i>
+        {% elseif method.isNewMember %}<i>construct signature</i>
+        {% else %}{$ method.name $}()
+        {% endif %}
+      </h3>
+      {$ github.githubLinks(method, versionInfo) $}
+    </div>
   </th></tr></thead>{% endif %}
   <tbody>
     {% if method.shortDescription %}<tr>