[tools] winetest: Position the up/down arrows with CSS instead of a table.

[Francois Gouget]

Signed-off-by: Francois Gouget <fgouget at codeweavers.com>
---
 winetest/dissect    | 8 ++++----
 winetest/report.css | 5 +++++
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/winetest/dissect b/winetest/dissect
index 2d0e9c214..c58e47f57 100755
--- a/winetest/dissect
+++ b/winetest/dissect
@@ -929,10 +929,10 @@ print REPORT "</div>\n";
 for (my $i = 0; $i <= $#boxes; $i++)
 {
     printf REPORT "<div id=\"%s\" class=\"%s\">\n", $boxes[$i]->{id}, $boxes[$i]->{class};
-    printf REPORT "<div class=\"updownbar\"><table><tr><td width=\"100%%\">%s</td>\n", $boxes[$i]->{title};
-    printf REPORT "<td class=\"arrow\"><a href=\"#%s\">↑</a></td>\n", $boxes[$i]->{prev} if defined $boxes[$i]->{prev};
-    printf REPORT "<td class=\"arrow\"><a href=\"#%s\">↓</a></td>\n", $boxes[$i]->{next} if defined $boxes[$i]->{next};
-    print REPORT "</tr></table></div>\n";
+    printf REPORT "<div class=\"updownbar\">%s<div class='ralign'>", $boxes[$i]->{title};
+    printf REPORT "<a href=\"#%s\">↑</a>", $boxes[$i]->{prev} if defined $boxes[$i]->{prev};
+    printf REPORT "<a href=\"#%s\">↓</a>", $boxes[$i]->{next} if defined $boxes[$i]->{next};
+    print REPORT "</div></div>\n";
     print REPORT $boxes[$i]->{data}, "</div>\n";
 }
 print REPORT end_html();
diff --git a/winetest/report.css b/winetest/report.css
index 3cb2e98db..bcb1f09e5 100644
--- a/winetest/report.css
+++ b/winetest/report.css
@@ -63,3 +63,8 @@ table.output td {
 td.arrow :link    { color: #ffffff; text-decoration: none; }
 td.arrow :visited { color: #ffffff; text-decoration: none; }
 td.arrow :hover   { color: #ffffff; text-decoration: underline; }
+
+.ralign {
+    display: inline-block;
+    float: right;
+}
-- 
2.20.1