Fix the position of show result category checkbox for easy access.

LayoutTests/fast/harness/results.html

Index: LayoutTests/fast/harness/results.html
diff --git a/LayoutTests/fast/harness/results.html b/LayoutTests/fast/harness/results.html
index 4976ed0eddaa7d30f64182b38ca1358d211809bf..f3e337913da663e3438792fc956e3b32dc4f3ec9 100644
--- a/LayoutTests/fast/harness/results.html
+++ b/LayoutTests/fast/harness/results.html
@@ -75,7 +75,7 @@ th {
     display: none;
 }
 
-#toolbar {
+#container {
     position: fixed;
     padding: 4px;
     top: 2px;
@@ -86,6 +86,16 @@ th {
     border-radius: 4px;
 }
 
+#toolbar {
+    position: relative;
+    top: 0;
+}
+
+#resultbar {
+    position: relative;
+    top: 50%;

[ojan, 2013/10/16 23:05:19]

This doesn't look right to me. What effect are you trying for here? A screenshot
might help me understand.

[r.kasibhatla, 2013/10/17 04:03:24]

Originally, I created 2 div blocks (containing the labels) which were placed
inside another fixed position (#container) div. My intention here was to give
50% space for each div inside container. I realized it was not neccessary and
just complicating things. I have removed this in new patch.

+}
+
 .expand-button {
     background-color: white;
     width: 11px;
@@ -1288,12 +1298,17 @@ function generatePage()
 {
     forEachTest(processGlobalStateFor);
 
-    var html = '<div class=content-container><div id=toolbar>' +
+    var html = '<div class=content-container><div id=container><div id=toolbar>' +
         '<div class="note">Use the i, j, k and l keys to navigate, e, c to expand and collapse, and f to flag</div>' +
         '<a href="javascript:void()" onclick="expandAllExpectations()">expand all</a> ' +
         '<a href="javascript:void()" onclick="collapseAllExpectations()">collapse all</a> ' +
         '<label><input id="toggle-images" type=checkbox checked onchange="handleToggleImagesChange()">Toggle images</label>' +
-        '</div>';
+        '</div><div id=resultbar>' +
+            '<label><input id="show-expected-failures" type=checkbox onchange="handleUnexpectedResultsChange()">Show expected failures</label>' +
+            '<label><input id="show-flaky-failures" type=checkbox onchange="handleFlakyFailuresChange()">Show flaky failures</label>' +
+            '<label><input id="show-unexpected-passes" type=checkbox onchange="handleUnexpectedPassesChange()">Show unexpected passes</label>' +
+            '<label><input id="show-stderr" type=checkbox onchange="handleStderrChange()">Show stderr</label>' +
+        '</div></div>';
 
     if (globalState().results.interrupted)
         html += "<p class='stopped-running-early-message'>Testing exited early.</p>"
@@ -1324,12 +1339,7 @@ function generatePage()
             '<p>httpd error log: <a href="error_log.txt">error_log.txt</a></p>';
     }
 
-    html += '</div><div>' +
-        '<label><input id="show-expected-failures" type=checkbox onchange="handleUnexpectedResultsChange()">Show expected failures</label>' +
-        '<label><input id="show-flaky-failures" type=checkbox onchange="handleFlakyFailuresChange()">Show flaky failures</label>' +
-        '<label><input id="show-unexpected-passes" type=checkbox onchange="handleUnexpectedPassesChange()">Show unexpected passes</label>' +
-        '<label><input id="show-stderr" type=checkbox onchange="handleStderrChange()">Show stderr</label>' +
-    '</div>';
+    html += '</div>';
 
     document.body.innerHTML = html;