[extensions-web] Make highlights expand to the edge fo the code

[Jasper St. Pierre <jstpierre src gnome org>]

commit 7d02c9d224a0400de10a2442cd37e0bff0038489
Author: Jasper St. Pierre <jstpierre mecheye net>
Date:   Tue Nov 15 15:37:43 2011 -0500

    Make highlights expand to the edge fo the code

 sweettooth/static/css/review.css |   24 +++++++++++++++++-------
 1 files changed, 17 insertions(+), 7 deletions(-)
---
diff --git a/sweettooth/static/css/review.css b/sweettooth/static/css/review.css
index 6d4a4c4..0c037f1 100644
--- a/sweettooth/static/css/review.css
+++ b/sweettooth/static/css/review.css
@@ -62,23 +62,33 @@
 }
 
 .code {
-    white-space: pre;
     font-family: monospace;
-    padding-left: 1em;
     background-color: #fff;
-    line-height: 1.2;
     margin: 0;
-    padding: 0.5em;
 }
 
-td.code {
-    padding: 0;
+.file {
+    padding-left: 0.5em;
+}
+
+.code, .linenumbers pre {
+    line-height: 1.2;
 }
 
 p.nochanges {
     font-size: 1.4em;
 }
 
+span.line {
+    width: 100%;
+    display: block;
+    white-space: pre;
+
+    /* makes blank lines "expand",
+     * keep in sync with line-height */
+    height: 1.2em;
+}
+
 /* colors stolen from Splinter */
 span.deleted {
     background-color: #ffccaa;
@@ -88,7 +98,7 @@ span.inserted {
     background-color: #bbffbb;
 }
 
-span.unchanged {
+span.replaced {
     background-color: #aaccff;
 }