[Sync] Make about:sync events page more selection friendly

chrome/browser/resources/sync_internals/events.html

Index: chrome/browser/resources/sync_internals/events.html
diff --git a/chrome/browser/resources/sync_internals/events.html b/chrome/browser/resources/sync_internals/events.html
index 43b4d825f98054c72ac33250e6cfa55e06805a98..f902c54b3332caf93e88e6417c58b02980df0841 100644
--- a/chrome/browser/resources/sync_internals/events.html
+++ b/chrome/browser/resources/sync_internals/events.html
@@ -7,6 +7,7 @@
 
 #sync-events-table {
   width: 100%;
+  table-layout: fixed;
 }
 
 #sync-events > tr {
@@ -17,20 +18,20 @@
 
 <table id="sync-events-table">
   <thead>
-    <th>Time</th>
+    <th>Details</th>
     <th>Submodule</th>
     <th>Event</th>
-    <th>Details</th>
+    <th>Time</th>
   </thead>
   <tbody id="sync-events">
     <tr jsselect="eventList">
-      <td jscontent="date" ></td>
-      <td jscontent="submodule" ></td>
-      <td jscontent="event" ></td>
       <td>
         <button class="toggleButton">Toggle Display</button>
         <pre class="details" jscontent="textDetails" hidden></pre>
       </td>
+      <td jscontent="submodule" ></td>
+      <td jscontent="event" ></td>
+      <td jscontent="date" ></td>
     </tr>
   </tbody>
 </table>