Reorder test output to have name on the right and drop fixed width.

Now long test names don't wrap.

packages/test-in-browser/driver.css

@@ -33,7 +33,6 @@ body {
 
 .test_table {
   font-family: Arial, sans-serif;
-  width: 500px;
   font-size: 16px;
 }
 
@@ -50,6 +49,7 @@ body {
 }
 
 .test_table .testname {
+  margin-left: 200px;
   line-height: 24px;
   vertical-align: middle;
   text-decoration: underline;
@@ -84,7 +84,7 @@ body {
   position: absolute;
   height: 100%;
   width: 100px;
-  right: 80px;
+  left: 0px;
   top: 0;
   text-align: center;
   line-height: 24px;
@@ -96,7 +96,7 @@ body {
   height: 100%;
   width: 75px;
   margin-right: 5px;
-  right: 0;
+  left: 100px;
   top: 0;
   text-align: right;
   line-height: 24px;

packages/test-in-browser/driver.html

@@ -100,16 +100,16 @@
 <template name="test">
   <div class="test {{test_class}}">
     <div class="testrow">
-      <div class="testname">
-        {{#if server}}S:{{else}}C:{{/if}}
-        {{name}}
-      </div>
       <div class="teststatus">
         {{test_status_display}}
       </div>
       <div class="testtime">
         {{test_time_display}}
       </div>
+      <div class="testname">
+        {{#if server}}S:{{else}}C:{{/if}}
+        {{name}}
+      </div>
     </div>
     {{#if expanded}}
       {{#each eventsArray}}