sc: legend besides units table

[sheet.git] / sc.plp

diff --git a/sc.plp b/sc.plp
index cd07f24738ee01855005f40e3caeac490da6b36c..ede1e5a17a73e345f696ad498908d653a1c8635b 100644 (file)
--- a/sc.plp
+++ b/sc.plp
@@ -106,12 +106,9 @@ Unit properties as seen or measured in Brood War
                text-align: right;
        }
 
-       .legend dl {
-               text-align: left;
-               -moz-column-width: 20em;
-               -webkit-column-width: 20em;
-       }
        .legend dt {
+               float: none;
+               text-align: left;
                margin-top: 1ex;
                font-weight: bold;
        }
@@ -120,11 +117,19 @@ Unit properties as seen or measured in Brood War
        }
        .legend dd {
                text-indent: -1em;
-               margin-left: 2em;
+               margin-left: 1em;
                break-before: avoid;
-               break-inside: avoid;
                -webkit-column-break-before: avoid;
        }
+
+       .units, .legend {
+               display: table-cell;
+       }
+       .legend {
+               min-width: 15em;
+               padding-left: 2em;
+               text-align: left;
+       }
 </style>
 
 <:
@@ -154,7 +159,6 @@ sub coltoggle {
        <th class="val unit-speed">speed</th>
        <th class="unit-magic">specials</th>
 </tr></thead>
-<tbody>
 <:
 sub showrange {
        my ($row, @elements) = @_;
@@ -254,7 +258,7 @@ sub showrange {
        my ($race, $cat) = ('', '');
        for (@rows) {
                $race = $_->{race},
-               printf '</tbody><tbody id="%s"><tr class="race"><th colspan="18"><h2>%s</h2>'."\n", $race, ucfirst $race
+               printf '<tbody id="%s"><tr class="race"><th colspan="18"><h2>%s</h2>'."\n", $race, ucfirst $race
                        if $grouped and $race ne $_->{race};
                $_->{cat} = $_->{race} if not $grouped;
                my $sizechar = [qw/? s m l/]->[$_->{size}];
@@ -307,7 +311,6 @@ sub showrange {
                }
        }
 :>
-</tbody>
 </table>
 
 <div class="legend">