[Sync] Display the client server traffic log in about:sync.

chrome/browser/resources/sync_internals/sync_index.html

Index: chrome/browser/resources/sync_internals/sync_index.html
diff --git a/chrome/browser/resources/sync_internals/sync_index.html b/chrome/browser/resources/sync_internals/sync_index.html
index cd3c5005b99a8954c5d8228a80a50b7c4c92848d..c43679b26b6e239331344728415fff1f7e02045d 100644
--- a/chrome/browser/resources/sync_internals/sync_index.html
+++ b/chrome/browser/resources/sync_internals/sync_index.html
@@ -43,6 +43,10 @@ chrome/test/functional/special_tabs.py. -->
      same height no matter which tab is selected. */
   min-height: 650px;
 }
+
+pre {

[Andrew T Wilson (Slow), 2012/03/30 21:18:56]

I'm not sure we want to apply this style to all <pre> sections. Perhaps you
should just apply this to #traffic-dump elements instead?

[lipalani1, 2012/03/30 23:34:05]

Done.

+ font-size: 120%;
+}
 </style>
 
 <tabbox id="sync-page">
@@ -53,6 +57,7 @@ chrome/test/functional/special_tabs.py. -->
     <tab>Events</tab>
     <tab>Sync Node Browser</tab>
     <tab>Search</tab>
+    <tab>Traffic</tab>
   </tabs>
   <tabpanels>
     <tabpanel>
@@ -73,6 +78,9 @@ chrome/test/functional/special_tabs.py. -->
     <tabpanel>
       <include src="search.html" />
     </tabpanel>
+    <tabpanel>
+      <include src="traffic.html" />
+    </tabpanel>
   </tabpanels>
 </tabbox>