From cb4b6032836905ba8d101c88b5975eedd4f4ddf7 Mon Sep 17 00:00:00 2001
From: Brian Simpson <bsimpson63@gmail.com>
Date: Wed, 14 Aug 2013 11:31:07 -0700
Subject: [PATCH] Increase minimum height of Spotlight to make reflows less
 frequent.

---
 r2/r2/public/static/css/reddit.less | 6 +++---
 r2/r2/public/static/js/spotlight.js | 3 +++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/r2/r2/public/static/css/reddit.less b/r2/r2/public/static/css/reddit.less
index 93469f0cd..641ef1e11 100755
--- a/r2/r2/public/static/css/reddit.less
+++ b/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;
 }
 
diff --git a/r2/r2/public/static/js/spotlight.js b/r2/r2/public/static/js/spotlight.js
index 68dcf353d..9a796e9d4 100644
--- a/r2/r2/public/static/js/spotlight.js
+++ b/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()