sync: Track validity of about:sync fields

chrome/browser/resources/sync_internals/about.html

 <script src="chrome://sync-internals/about.js"></script>
 
 <style>
 div#aboutInfo {
   -webkit-columns: 3;
 }
 
 div#aboutInfo h2 {
   color: #4a8ee6;
   font-size: 100%;
@@ skipping 52 matching lines @@
   -webkit-animation-name: highlight1;
   -webkit-animation-duration: 3s;
   -webkit-animation-timing-function: linear;
 }
 
 table.aboutDetails tr[highlighted]:nth-child(odd) {
   -webkit-animation-name: highlight2;
   -webkit-animation-duration: 3s;
   -webkit-animation-timing-function: linear;
 }
+
+table.aboutDetails tr.uninitialized {
+  color: #7f7f7f;
+}
+
 </style>
 
 <div id='aboutInfo'>
   <div class="section" jsselect="details">
     <h2 jscontent="title"></h2>
     <table class="aboutDetails">
-      <tr jsselect="data" jseval='highlightIfChanged(this, this.children[1].innerText, stat_value)'>
+      <tr jsselect="data"
+            jsvalues="class:$this.is_valid ? '' : 'uninitialized'"
+            jseval='highlightIfChanged(this, this.children[1].innerText, stat_value)'>
         <td class="detail" jscontent="stat_name" width=50%></td>
         <td class="value" jscontent="stat_value" width=50%></td>
       </tr>
     </table>
   </div>
 
   <div class="section">
     <h2>Type Info</h2>
     <table id="typeInfo">
       <tr jsselect="type_status" jsvalues="class:$this.status">
-        <td jscontent="name"/>
-        <td jscontent="value"/>
+        <td jscontent="name" width=50% />
+        <td jscontent="value" width=50% />
       </tr>
     </table>
   </div>
 
   <div class="section" jsdisplay="unrecoverable_error_detected">
     <p>
       <span class="err" jscontent="unrecoverable_error_message"></span>
     </p>
   </div>
 
   <div class="section" jsdisplay="actionable_error_detected">
-    <p jsdisplay="actionable_error_detected">
-      <h2 jsdisplay="actionable_error_detected">Actionable Error</h2>
+    <p>
+      <h2>Actionable Error</h2>
       <table id="actionableError">
         <tr jsselect="actionable_error">
           <td jscontent="stat_name"/>
           <td jscontent="stat_value"/>
         </tr>
       </table>
     </p>
   </div>
 </div>