html/show.tmpl: Improve the dependency legend

Suggested by MJ Ray <mjr -at- phonecoop coop>

Directly imitate the dependency listing in the legend
by using <ul><li> inside the table cells. This makes the
legend autoadjust to any changes in the CSS for the dependency
listing and mirrors the appearance completly.

diff --git a/static/packages.css.sed.in b/static/packages.css.sed.in
index bf44d3d1c0f682f8dc04c0c71f8ebd1290c5976d..9e09dd8192208d8f42abc3c0425e02e63662a5ee 100644 (file)
--- a/static/packages.css.sed.in
+++ b/static/packages.css.sed.in
@@ -84,6 +84,10 @@ h1 {
        list-style-type: none;
 }
 
+#pdeps table ul {
+       margin: 0;
+}
+
 #pdeps ul.uldep, #pdeps ul.uladep {
        list-style-type: disc;
        list-style-image: url(http://%SITE%/Pics/dep.gif);

diff --git a/templates/html/show.tmpl b/templates/html/show.tmpl
index 7c7dd17acb8ea79592b3f9d741eac7085a508b66..1d9f655eb3835620a78696cfe53ef6e473395520 100644 (file)
--- a/templates/html/show.tmpl
+++ b/templates/html/show.tmpl
@@ -219,12 +219,12 @@ Do not install it on a normal Debian system.</p>
 
     <table id="pdeplegend" class="visual" summary="legend"><tr>
     [% IF is_source %]
-    <td><img src="/Pics/adep.gif" alt="[adep]" width="16" height="16">= build-depends</td>
-    <td><img src="/Pics/idep.gif" alt="[idep]" width="16" height="16">= build-depends-indep</td>
+    <td><ul class="uladep"><li>build-depends</li></ul></td>
+    <td><ul class="ulidep"><li>build-depends-indep</li></ul></td>
     [% ELSE %]
-    <td><img src="/Pics/dep.gif" alt="[dep]" width="16" height="16">= depends</td>
-    <td><img src="/Pics/rec.gif" alt="[rec]" width="16" height="16">= recommends</td>
-    <td><img src="/Pics/sug.gif" alt="[sug]" width="16" height="16">= suggests</td>
+    <td><ul class="uldep"><li>depends</li></ul></td>
+    <td><ul class="ulrec"><li>recommends</li></ul></td>
+    <td><ul class="ulsug"><li>suggests</li></ul></td>
     [% END %]
     </tr></table>
   [%- END %]