[Findit] UI change and triage change for cl level trige.

appengine/findit/templates/waterfall/compile_failure.html

 {% extends "build_failure.html" %}
 
 {% block title %}Compile{% endblock title %}
 
 {% block style %}
     .warning {
       color: RED;
     }
 {% endblock style %}
 
@@ skipping 43 matching lines @@
         {% else %}
           <div>No culprit found!</div>
         {% endif%}
       {% endif%}
   </div>
   {% endif%}
 {% endblock try_job_result %}
 
 {% block result_tables %}
   <div>
     <b>Heuristic result:</b>

[stgao, 2016/09/23 19:35:41]

Can we have a <br> between try-job result and heuristic result?

[chanli, 2016/09/24 01:09:40]

Done.

     {% if analysis_failed %}
       <div class="error">No result because of some error in analysis!</div>
     {% elif suspected_cls_by_heuristic|length == 0 %}
       <div>No culprit is found!</div>
     {% else %}
-      <div id="suspected_cls">
+      <div id="heuristic_result">
         <table>
           <tr>
             <th title="The build cycle in which the culprit was in">Build Number</th>
             <th title="Git repo name and commit position/hash of the suspect">Suspect</th>
             <th title="The higher score, the more suspected">Score(<a class="score-info" href="javascript:">?</a>)</th>
             <th title="Why this CL is related to the failure">Hints</th>
           </tr>
           <tbody>
             {% for suspected_cl in suspected_cls_by_heuristic %}
             <tr>
               <td><a href="https://build.chromium.org/p/{{master_name}}/builders/{{builder_name}}/builds/{{suspected_cl.build_number}}">{{suspected_cl.build_number}}</a></td>
               <td>
                 {{suspected_cl.repo_name}} <a href="{{suspected_cl.url}}">{{suspected_cl.commit_position or suspected_cl.revision}}</a>
               </td>
               <td>{{suspected_cl.score}}</td>
               <td>
                 {% for hint, _ in suspected_cl.hints|dictsort(case_sensitive=True, by='value')|reverse %}
                   <li>{{hint}}</li>
                 {% endfor %}
               </td>
             </tr>
             {% endfor %}
           </tbody>
         </table>
       </div>
     {% endif %}
   </div>
 {% endblock result_tables %}