fix(docs-infra): fix table header layout in API pages (#24919)

PR Close #24919

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 {

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>
+      <div class="with-github-links">
         <h3>{$ option.name $}</h3>
         {$ github.githubLinks(option, versionInfo) $}
+      </div>
     </th></tr></thead>
     <tbody>
       <tr>

aio/tools/transforms/templates/api/lib/memberHelpers.html

@@ -74,6 +74,7 @@
 <a id="{$ method.anchor $}"></a>
 <table class="is-full-width method-table {$ cssClass $}">
   {% if method.name !== 'constructor' %}<thead><tr><th>
+    <div class="with-github-links">
       <h3>
         {% if method.isCallMember %}<i>call signature</i>
         {% elseif method.isNewMember %}<i>construct signature</i>
@@ -81,6 +82,7 @@
         {% endif %}
       </h3>
       {$ github.githubLinks(method, versionInfo) $}
+    </div>
   </th></tr></thead>{% endif %}
   <tbody>
     {% if method.shortDescription %}<tr>