rebaseline_server: right-align "select/clear/toggle all tests" buttons with results table

gm/rebaseline_server/static/view.html

Index: gm/rebaseline_server/static/view.html
===================================================================
--- gm/rebaseline_server/static/view.html	(revision 12059)
+++ gm/rebaseline_server/static/view.html	(working copy)
@@ -174,46 +174,46 @@
 
       <p>
 
-      <div>
-        <div style="float:left">
-          Found {{filteredTestData.length}} matches;
-          <span ng-hide="filteredTestData.length <= limitedTestData.length">
-            displaying the first {{limitedTestData.length}}
-          </span>
-          <span ng-hide="filteredTestData.length > limitedTestData.length">
-            displaying them all
-          </span>
-          <br>
-          (click on the column header radio buttons to re-sort by that column)
-        </div>
-        <div style="float:right">
-          <div>
-            all tests shown:
-            <button ng-click="selectAllItems()">
-              select
-            </button>
-            <button ng-click="clearAllItems()">
-              clear
-            </button>
-            <button ng-click="toggleAllItems()">
-              toggle
-            </button>
-          </div>
-          <div ng-repeat="otherTab in tabs">
-            <button ng-click="moveSelectedItemsToTab(otherTab)"
-                    ng-disabled="selectedItems.length == 0"
-                    ng-hide="otherTab == viewingTab">
-              move {{selectedItems.length}} selected tests to {{otherTab}} tab
-            </button>
-          </div>
-        </div>
-        <div style="clear:both">
-        </div>
-      </div>
-      <br>
-
-      <table border="1">
+    <table border="0"><tr><td> <!-- table holding results header + results table -->

[epoger, 2013/10/31 20:00:50]

I know the "cool kids" use divs instead of tables these days, but this was the
simplest way I could get it to work.  I am certainly open to other approaches.

[edisonn, 2013/10/31 20:03:05]

I would not care even if you have used NACL :D

+      <table border="0" width="100%"> <!-- results header -->
         <tr>
+          <td>
+            Found {{filteredTestData.length}} matches;
+            <span ng-hide="filteredTestData.length <= limitedTestData.length">
+              displaying the first {{limitedTestData.length}}
+            </span>
+            <span ng-hide="filteredTestData.length > limitedTestData.length">
+              displaying them all
+            </span>
+            <br>
+            (click on the column header radio buttons to re-sort by that column)
+          </td>
+          <td align="right">
+            <div>
+              all tests shown:
+              <button ng-click="selectAllItems()">
+                select
+              </button>
+              <button ng-click="clearAllItems()">
+                clear
+              </button>
+              <button ng-click="toggleAllItems()">
+                toggle
+              </button>
+            </div>
+            <div ng-repeat="otherTab in tabs">
+              <button ng-click="moveSelectedItemsToTab(otherTab)"
+                      ng-disabled="selectedItems.length == 0"
+                      ng-hide="otherTab == viewingTab">
+                move {{selectedItems.length}} selected tests to {{otherTab}} tab
+              </button>
+            </div>
+          </td>
+        </tr>
+      </table> <!-- results header -->
+      </td></tr><tr><td>
+      <table border="1"> <!-- results -->
+        <tr>
           <!-- Most column headers are displayed in a common fashion... -->
           <th ng-repeat="categoryName in ['resultType', 'builder', 'test', 'config']">
             <input type="radio"
@@ -294,7 +294,9 @@
                    ng-checked="isValueInArray(result.index, selectedItems)"
                    ng-click="toggleValueInArray(result.index, selectedItems)">
         </tr>
-      </table>
+      </table> <!-- results -->
+    </td></tr></table> <!-- table holding results header + results table -->
+
   </div><!-- main display area of selected tab -->
   </div><!-- everything: hide until data is loaded -->