Bug#655472: new qa.debian.org style breaks layout
Package: qa.debian.org
Severity: minor
I notice the debian.org stylesheet walked into qa.debian.org, which is
cool, but it broke the delicate balance that existed in the tables
present there before.
Take, for example, my page:
http://qa.debian.org/developer.php?login=anarcat
There are a few problems here:
1. the boundary of the versions in the various distros (stable/testing/sid) are unclear, because the cell borders have disappeared
2. the page overflows to the right
The fixborders.patch (attached) fixes the first problem.
For the second problem, I am not sure what to do. I have tried to set
"font-size: small" in the CSS, but the table still overflows. Maybe I
don't remember the site correctly and it used to overflow anyways, but at least this way you see the watch column by default.
Oh and while I'm here, I have dropped a "text-align: center" into that
td too, it looks better. :)
-- System Information:
Debian Release: wheezy/sid
APT prefers testing
APT policy: (500, 'testing')
Architecture: amd64 (x86_64)
Kernel: Linux 3.1.0-1-amd64 (SMP w/2 CPU cores)
Locale: LANG=fr_CA.UTF-8, LC_CTYPE=fr_CA.UTF-8 (charmap=UTF-8) (ignored: LC_ALL set to fr_CA.UTF-8)
Shell: /bin/sh linked to /bin/dash
--- debian.css.orig 2012-01-11 09:41:20.754702688 -0500
+++ debian.css 2012-01-11 09:46:50.786059420 -0500
@@ -58,7 +58,7 @@
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
-table { border-collapse: separate; border-spacing: 0; }
+table { border-collapse: collapse; border-spacing: 0; }
blockquote, q { quotes: "" ""; }
html { background-color: transparent; }
:focus { outline: 0; }
@@ -808,6 +808,9 @@
}
table td {
padding-right: 1.5em;
+ border: 1px solid black;
+ padding: 2px;
+ text-align: center;
}
div.tabular table tr, table.tabular tr, table.vendors tr {
width: 100%;
Reply to: