Make Garden-o-matic at least readable on mobile devices

Tools/GardeningServer/scripts/ui/results.js

 /*
  * Copyright (C) 2011 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  * 1. Redistributions of source code must retain the above copyright
  *    notice, this list of conditions and the following disclaimer.
  * 2. Redistributions in binary form must reproduce the above copyright
  *    notice, this list of conditions and the following disclaimer in the
@@ skipping 12 matching lines @@
  * THE POSSIBILITY OF SUCH DAMAGE.
  */
 
 var ui = ui || {};
 ui.results = ui.results || {};
 
 (function(){
 
 var kResultsPrefetchDelayMS = 500;
 
-// FIXME: Rather than using table, should we be using something fancier?
-ui.results.Comparison = base.extends('table', {
+ui.results.Comparison = base.extends('div', {
     init: function()
     {
         this.className = 'comparison';
-        this.innerHTML = '<thead><tr><th>Expected</th><th>Actual</th><th>Diff</th></tr></thead>' +
-                         '<tbody><tr><td class="expected result-container"></td><td class="actual result-container"></td><td class="diff result-container"></td></tr></tbody>';
+        this.innerHTML = '<div><h2>Expected</h2><div class="results-container expected"></div></div>' +
+                         '<div><h2>Actual</h2><div class="results-container actual"></div></div>' +
+                         '<div><h2>Diff</h2><div class="results-container diff"></div></div>';
     },
     _selectorForKind: function(kind)
     {
         switch (kind) {
         case results.kExpectedKind:
             return '.expected';
         case results.kActualKind:
             return '.actual';
         case results.kDiffKind:
             return '.diff';
@@ skipping 406 matching lines @@
     {
         this._testSelector.firstResult()
     },
     currentTestName: function()
     {
         return this._testSelector.currentTestName()
     }
 });
 
 })();