Re: /packages CGI HTML modernization

[Warren Young <warren@etr-usa.com>]

On 6/20/2014 10:54, Warren Young wrote:
>
> The CSS is now:

Sorry, left a few things out:

   ul.pkglist li {
     display: block;
     clear: both;
   }

   ul.pkglist a {
     background: url('http://sourceware.org/icons/ball.gray.gif')
                 no-repeat;
     background-position: 0px 0.7em;
     background-size: 10px 10px;
     padding-left: 20px;
     padding-top: 0.4em;
     float: left;
     width: 30%;
   }

   ul.pkglist span {
     float: left;
     padding-top: 0.4em;
     width: 67%;
   }

The main thing is that I forgot to include the "ul.pkglist" parent 
qualifiers on the second two CSS rules.

Note, however, that I also added the width attributes to the two <li> 
children, which has the nice effect of making the JS completely 
optional.  The default values will make the package name column wrap, 
but if JS is available, the jQuery script I posted previously will 
increase the column width to fix that.

The (30%+67%) < 100% thing is another hack around the margins the 
browser uses, just like the 40px magic constant in the JS.