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=b01d24020d48917def3cfb6feb5b3eb0d26669df

Author: Francois Gouget <fgouget at codeweavers.com>
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 <fgouget at codeweavers.com>
Signed-off-by: Alexandre Julliard <julliard at winehq.org>

---

 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\">↑</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 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;
+}