From 7205f9ae0300746eebf72393ebcf33fdf70c0e82 Mon Sep 17 00:00:00 2001
From: Max Goodman <max@reddit.com>
Date: Thu, 16 Aug 2012 01:37:05 -0700
Subject: [PATCH] Spruce up search pages.

---
 r2/r2/public/static/css/reddit.css   |  11 ++++++++--
 r2/r2/public/static/search-large.png | Bin 0 -> 1020 bytes
 r2/r2/templates/searchbar.html       |  31 ++++++++++++++-------------
 3 files changed, 25 insertions(+), 17 deletions(-)
 create mode 100644 r2/r2/public/static/search-large.png

diff --git a/r2/r2/public/static/css/reddit.css b/r2/r2/public/static/css/reddit.css
index 093efb5b7..4db429799 100755
--- a/r2/r2/public/static/css/reddit.css
+++ b/r2/r2/public/static/css/reddit.css
@@ -1833,6 +1833,8 @@ label + #moresearchinfo {
 
 .searchpane {
     margin: 5px 305px 5px 0px;
+    padding-left: 96px;
+    background: #E0E0E0 url(../search-large.png) 26px center no-repeat;
 } 
 
 .searchpane #search input[type=text] { }
@@ -1862,13 +1864,18 @@ label + #moresearchinfo {
   overflow: auto;
   font-size: small;
   white-space: pre-wrap;
+  border: 1px solid gray;
+  padding: 10px;
+  margin-top: -6px;
+  box-shadow: 0 4px 6px -1px #ccc inset;
+  background: #fefefe;
 }
 
-.searchfacets.title {
+.searchfacets .title {
   margin: 5px;
 }
 
-.searchfacets.list {
+.searchfacets .list {
   margin: 0px 0px 0px 10px;
 }
 
diff --git a/r2/r2/public/static/search-large.png b/r2/r2/public/static/search-large.png
new file mode 100644
index 0000000000000000000000000000000000000000..dd32268c5d0c27acb1362c35b9e94b475403ad9d
GIT binary patch
literal 1020
zcmV<Y0|WetP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00004b3#c}2nYxW
zd<bNS00009a7bBm000}W000}W0bUxB8~^|S8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H119?eAK~!jg?U_%gRaF$mf1jnkB(W4hgb)mLkc1FPh7cKQgJ_~5
z2I(Y43ZYT-NBq+uXcTW?Y0^-kG-#GmLex`(a41SCDB2_{e3R$9rhN|fAztU~^WHxD
z-0o3$AKb}WXRo!sefM5xt#xFZ`x!I34xlZj33QG7p1_0sFd}Igum~8M@aq91w*Tyh
zk6PckSxAzA)xfL36E%++I0t+S{Al}Tmb1y?$RQwUJt6QV4VLwQVcXv{b~srqO$kWa
zP6$31hixBivHm}3bcrQxq+Rd;+a<kG9KqH|zQmH&0&mu+|0bOCE5I$_4)7$f26!m)
z{42mrV7Ni7@wifskff!+A*zIL1788hV%bL0Y~W>JC)I!3z*gJWGvfXisYmD~s=*uh
z$o9dyRB5|s`xvm7@Xt(yfXz*UjbTaxk{$q_kElMi{auO^+atifh-!nR`6)K)kn#^a
z4LnkkT`YDs8Me;?7fRxpz{Vza%19xwE+R|X`3R0gWGgdm0civtkI25y^mm4EcP3&e
z(-x3MpnUlNMsu7wq`b1d|DC{iL^i91&oY78Eo>zb=tX36a-2z;OZCOpW;2oqj74PY
zGyOeB^?h<a(-x3M;B-W`Nm9<v^)sUZX#`FIzn5f>(y*wLw1rR~O~g1b(!@>~QxdR!
z2lz6g+E$d-Q$o^<z>bJ&#CGhCB_p+%8zPXH8&RJEzOemkWZh%H7GML_&FTTWV(Xe9
zxuGd`@ohp87Q<EGXF{N}fQ7)Sn&%Ddwtc2)z-1)&1GY~{x&^#jvu+9LEvCp!#T7#t
zE#*_d2Ym=&4A^1&w>Cx^&xLHC1KuJWnKqaM?2*)Jw39tn0g$vDcmY@oEQmbv5AXx9
z7+6+g=D6(x*)jBEI$bpAD}aXyxqY0FW&W~#L(&4^b6{SLiT8?rp}Frtjn^eT1AIt4
zD~$rL+y0}e-GR+UZT|!uuTjqf-p?7e40^cx8SqPuZYA(qQ-cE~VEZ;91;;8}2<1t+
zUYZmGAFmgA|Kl3<3}AQBHzc8x?*qj+=0uHpA@EMBtu8-s3<K9{bk9nP^$rzuM!@zs
zu%9qjjbTlSolZY7*}e>XQlpN&*(>P$8=38|sdi;143nqCz~01@1`!In&A=w$5^yqg
q?s`uUXoJp=P+LqB=o-@my2f3m&I_46UjX3%0000<MNUMnLSTY@V9Ndg

literal 0
HcmV?d00001

diff --git a/r2/r2/templates/searchbar.html b/r2/r2/templates/searchbar.html
index f9be4d349..aa4da27b2 100644
--- a/r2/r2/templates/searchbar.html
+++ b/r2/r2/templates/searchbar.html
@@ -72,18 +72,19 @@
                  simple=thing.simple, restrict_sr=thing.restrict_sr,
                  syntax=thing.syntax)}
   </div>
-  %if thing.facets and len(thing.facets) > 1:
-  <div class="searchfacets">
-    <h4 class="searchfacets title">${_("too many results? narrow it down to a subreddit!")}</h4>
-    <ol class="searchfacets list">
-    %for facet in thing.facets:
-      <% subreddit, count = facet %>
-      <li class="searchfacet reddit">
-        <a class="facet title word" href="${search_url(thing.prev_search, subreddit, restrict_sr='on', sort=thing.sort)}">/r/${subreddit}</a>&nbsp;
-        <span class="facet count number">(${count})</span>
-      </li>&nbsp;
-    %endfor
-    </ol>
-  </div>
-  %endif
-</div>
\ No newline at end of file
+</div>
+
+%if thing.facets and len(thing.facets) > 1:
+<div class="searchfacets">
+  <h4 class="title">${_("too many results? narrow it down to a subreddit!")}</h4>
+  <ol class="list">
+  %for facet in thing.facets:
+    <% subreddit, count = facet %>
+    <li class="searchfacet reddit">
+      <a class="facet title word" href="${search_url(thing.prev_search, subreddit, restrict_sr='on', sort=thing.sort)}">/r/${subreddit}</a>&nbsp;
+      <span class="facet count number">(${count})</span>
+    </li>&nbsp;
+  %endfor
+  </ol>
+</div>
+%endif