Increase minimum height of Spotlight to make reflows less frequent.

r2/r2/public/static/css/reddit.less

@@ -1164,10 +1164,10 @@ a.author { margin-right: 0.5em; }
     padding: 0;
     overflow: hidden; 
     position: relative;
-    min-height: 50px; 
+    min-height: 90px; 
 
     &.loading {
-        height: 62px;
+        height: 90px;
         opacity: .5;
 
         & .help, & .throbber {
@@ -6918,9 +6918,9 @@ body:not(.gold) .allminus-link {
 .sr-interest-bar {
     position: relative;
     background: #cee3f8 url(../snoo-upside-down.png) 15px top no-repeat;
-    padding: 5px;
     overflow: hidden;
     border: 1px solid #336699;
+    height: 90px;
     margin-bottom: 10px;
 }
 

r2/r2/public/static/js/spotlight.js

@@ -148,6 +148,9 @@ r.spotlight._advance = function(dir) {
             .width($('#siteTable .rank').width())
             .end()
 
+        // match the listing background to that of the displayed thing
+        listing.css('background-color', $next.css('background-color'))
+
         visible.hide()
         $next.show()