Francois Gouget : winetest: Position the up/down arrows with CSS instead of a table.

[Alexandre Julliard]

Module: tools
Branch: master
Commit: b01d24020d48917def3cfb6feb5b3eb0d26669df
URL:    https://source.winehq.org/git/tools.git/?a=commit;h=b01d24020d48917def3cfb6f...

Author: Francois Gouget 
Date:   Tue Apr 20 16:47:45 2021 +0200

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

Signed-off-by: Francois Gouget 
Signed-off-by: Alexandre Julliard

---

winetest/dissect    | 8 ++++----
 winetest/report.css | 5 +++++
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/winetest/dissect b/winetest/dissect
index 2d0e9c2..c58e47f 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">&uarr;</a></td>\n", $boxes[$i]->{prev} if defined $boxes[$i]->{prev};
-    printf REPORT "<td class="arrow"><a href="#%s">&darr;</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">&uarr;</a>", $boxes[$i]->{prev} if defined $boxes[$i]->{prev};
+    printf REPORT "<a href="#%s">&darr;</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 eafbe42..41b0b04 100644
--- a/winetest/report.css
+++ b/winetest/report.css
@@ -62,3 +62,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;
+}