browser: fix link and hover styling

[sheet.git] / browser.plp

diff --git a/browser.plp b/browser.plp
index c340160833f3875e6536b014012af927124dc974..d9da9820f577f23e28bf87164b72e1af9ac4cde1 100644 (file)
--- a/browser.plp
+++ b/browser.plp
@@ -183,7 +183,7 @@ for my $id (sort {
        for ($row->{status}) {
                my $cell = $_ // '-';
                $cell = sprintf '<a href="%s">%s</a>', $_, $cell for $row->{spec} // ();
-               printf '<td title="%s" class="%s">%s',
+               printf '<td title="%s" class="l %s">%s',
                        $caniuse->{statuses}->{$_}, $CSTATUS{$_} // '', $cell;
        }
        for my $browser (@browsers) {
@@ -252,7 +252,7 @@ sub showversions {
        <td class="X l0">unknown
        </table>
 
-       <div>
+       <p><: if ($usage) { :>
                Usage percentage:
                <span class="  p0">0</span> -
                <span class="p p0 p00">.01</span> -
@@ -260,7 +260,14 @@ sub showversions {
                <span class="p p1">10</span> -
                <span class="p p2">20</span> -
                <span class="p p5">majority</span>
-       </div>
+<: } else { :>
+               <table class="glyphs"><tr>
+                       <td class="p p1">previous version</td>
+                       <td class="p p3">current</td>
+                       <td class="p p0 p00">upcoming (within months)</td>
+                       <td class="  p0">future (within a year)</td>
+               </table>
+<: } :>        </p>
 
        <div class="right">
                <ul class="legend legend-set">