Add routing info and unrecoverable error info to about:sync

chrome/browser/sync/resources/about_sync.html

Index: chrome/browser/sync/resources/about_sync.html
===================================================================
--- chrome/browser/sync/resources/about_sync.html	(revision 49216)
+++ chrome/browser/sync/resources/about_sync.html	(working copy)
@@ -63,6 +63,15 @@
   background: url('gear.png') 12px 60% no-repeat;
   color: white;
 }
+
+.desc {
+  font-size: 84%;
+}
+
+.err {
+  color: red;
+}
+
 div#header p {
   font-size: 84%;
   font-style: italic;
@@ -82,6 +91,9 @@
 table.list:not([class*='filtered']) tr:nth-child(odd) td {
   background: #eff3ff;
 }
+table.list#details2 tr:nth-child(odd) td {
+  background: #ccffcc
+}
 
 table.list td {
   padding: 0 0.5em;
@@ -112,10 +124,10 @@
   text-align: right;
 }
 
-table.list#details tr:not([class*='firstRow']) > *:nth-child(1),
-table.list#details tr:not([class*='firstRow']) > *:nth-child(4),
-table.list#details tr.firstRow th:nth-child(1),
-table.list#details tr.firstRow th:nth-child(2) {
+table.list tr:not([class*='firstRow']) > *:nth-child(1),
+table.list tr:not([class*='firstRow']) > *:nth-child(4),
+table.list tr.firstRow th:nth-child(1),
+table.list tr.firstRow th:nth-child(2) {
   border-right: 1px solid #b5c6de;
 }
 table.list#details .name {
@@ -131,34 +143,66 @@
     <p> Sync engine diagnostic data</p>
   </div>
   <div id='content'>
-    <h2> Summary </h2>
-    <strong jscontent="summary"></strong>
-    <br /><br /><br />
-    <h2> Details </h2>
-    <table class='list' id='details'>
+    <table width="100%">
       <tr>
-        <td class='name'> Authenticated </td>
-        <td class='number'>
-          <div jscontent="authenticated"> </div>
-          <div jsdisplay="!authenticated"
-               style="color:red"
-               jscontent="auth_problem"></div>
+        <td width="20%">
+          <span class="desc"><h2> Summary </h2></span>
+          <strong jscontent="summary"></strong>
         </td>
-      </tr>
-      </tr>
-      <tr>
-        <td class='name'>Last Synced</td>
-        <td class='number' jscontent="time_since_sync"> </td>
-      </tr>
-      <tr jsselect="details">
-        <td class='name'>
-  	  <div jscontent="stat_name"></div>
+        <td>
+          <div class="desc" jsdisplay="unrecoverable_error_detected">
+            <span class="err">Unrecoverable Error Detected!</span>
+            <div jscontent="unrecoverable_error_message"></div>
+            <div jscontent="unrecoverable_error_location"></div>
+          </div>
         </td>
-	<td class='number'>
-  	  <div jscontent="stat_value"></div>
-    	</td>
       </tr>
     </table>
+    <br /><br /><br />
+    <h2>  </h2>
+    <table>
+      <tr>
+        <td>
+        <div class="desc"><h2> Details </h2></div>
+        <table class='list' id='details'>
+          <tr>
+            <td class='name'> Authenticated </td>
+            <td class='number'>
+              <div jscontent="authenticated"> </div>
+              <div jsdisplay="!authenticated"
+                   style="color:red"
+                   jscontent="auth_problem"></div>
+            </td>
+          </tr>
+          </tr>
+          <tr>
+            <td class='name'>Last Synced</td>
+            <td class='number' jscontent="time_since_sync"> </td>
+          </tr>
+          <tr jsselect="details">
+            <td class='name'>
+              <div jscontent="stat_name"></div>
+            </td>
+            <td class='number'>
+              <div jscontent="stat_value"></div>
+            </td>
+          </tr>
+        </table>
+      </td>
+      <td valign="top">
+        <div class="desc"><h2> Routing Info </h2></div>
+        <table class='list' id='details2'>
+          <tr jsselect="routing_info">
+            <td class ='name'>
+              <div jscontent="model_type"></div>
+            </td>
+            <td class='number'>
+              <div jscontent="group"></div>
+            </td>
+          </tr>
+        </table>
+      </td>
+    </table>
   </div>
 </body>
 </html>