From e970abcae946aeb81da42b5e73980dcfa054735a Mon Sep 17 00:00:00 2001
From: tworrall <tworrall@440791e1-c2bf-4c1e-ad7c-caf3f8b0ebe8>
Date: Wed, 15 Jun 2011 14:39:22 +0000
Subject: [PATCH] NIHVIVO-2710: improved type facet on the search results page

---
 webapp/web/css/vitro.css                      | 38 +++++++++++++++++++
 .../body/search/search-pagedResults.ftl       | 12 ++++--
 2 files changed, 46 insertions(+), 4 deletions(-)

diff --git a/webapp/web/css/vitro.css b/webapp/web/css/vitro.css
index 184c7f688..8452671b3 100644
--- a/webapp/web/css/vitro.css
+++ b/webapp/web/css/vitro.css
@@ -74,3 +74,41 @@
     height:620px;
     overflow:visible;
 }
+/* <------ SEARCH RESULTS PAGE*/
+.searchTOC {    
+    margin-bottom: 1.5em; 
+    float:right;
+    margin-right:35px;
+    margin-left:45px;
+    width:182px;
+    text-align:center;
+/*    border: 1px solid #dde4e3;*/
+    padding-top:4px;
+    color: #fff;
+    background: #5e6363; 
+}
+.searchTOC span {    
+    color: #fff;
+}
+.searchTOC ul {
+    width: 160px;
+    border: 1px solid #dde4e3;
+    background: #f1f2ee;
+    padding: 0 10px 0px 10px;
+    margin-top: 4px;
+    text-align: left;
+}
+.searchTOC ul li {
+    display: block;
+    border-bottom: 1px solid #dde4e3;
+    font-size: 14px;
+    height: 35px;
+    line-height: 35px;
+}
+.searchTOC ul li:last-child {
+    border-bottom: none
+}
+.searchTOC ul a {
+    display: block;
+    padding-left: 15px;
+}
\ No newline at end of file
diff --git a/webapp/web/templates/freemarker/body/search/search-pagedResults.ftl b/webapp/web/templates/freemarker/body/search/search-pagedResults.ftl
index bf4600af4..8030d496b 100644
--- a/webapp/web/templates/freemarker/body/search/search-pagedResults.ftl
+++ b/webapp/web/templates/freemarker/body/search/search-pagedResults.ftl
@@ -13,19 +13,23 @@
     <#-- Refinement links -->
     <#if classGroupLinks?has_content>
         <div class="searchTOC">
-            <span class="jumpText">Show only results of this <b>type</b>:</span>           
+            <span>Display only</span>           
+            <ul>           
             <#list classGroupLinks as link>
-                <a href="${link.url}">${link.text}</a>
+                <li><a href="${link.url}">${link.text}</a></li>
             </#list>
+            </ul>           
         </div>
     </#if>
 
     <#if classLinks?has_content>
         <div class="searchTOC">
-            <span class="jumpText">Show only results of this <b>subtype</b>:</span>           
+            <span>Limit ${classGroupName} to</span>
+            <ul>           
             <#list classLinks as link>
-                <a href="${link.url}">${link.text}</a>
+                <li><a href="${link.url}">${link.text}</a></li>
             </#list>
+            </ul>
         </div>
     </#if>