From 877826d405aa52e5d84eaf3d14229a69dacddd34 Mon Sep 17 00:00:00 2001
From: tlw72 <tlw72@440791e1-c2bf-4c1e-ad7c-caf3f8b0ebe8>
Date: Wed, 5 Jan 2011 15:38:33 +0000
Subject: [PATCH] NIHVIVO-1505: restyled page navigation

---
 .../freemarker/body/individualList.ftl        | 36 ++++++++++---------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/webapp/web/templates/freemarker/body/individualList.ftl b/webapp/web/templates/freemarker/body/individualList.ftl
index e539d3f70..6e14210b4 100644
--- a/webapp/web/templates/freemarker/body/individualList.ftl
+++ b/webapp/web/templates/freemarker/body/individualList.ftl
@@ -15,15 +15,16 @@
             <p>${message}</p>
         <#else>
         
-            <#if pages?? >
-                <div>
-                pages          
+        <#if (pages?size > 1) >           
+            pages:&nbsp; 
+       		<ul class="pagination">
                 <#list pages as page>                                                            
-                    <a href="${urls.base}/individuallist?${page.param}&vclassId=${vclassId?url}">${page.text}</a>
-                    <#if page.selected> selected </#if>                                                                                     
-                </#list>   
-                </div>
-            </#if>
+                    <#if page.selected><li class="selectedNavPage">${page.text}</li>
+				    <#else><li><a href="${urls.base}/individuallist?${page.param}&vclassId=${vclassId?url}">${page.text}</a></li>
+				    </#if>                                                                                     
+                </#list>
+            </ul>               
+        </#if>
         
             <ul>
                 <#list individuals as individual>                   
@@ -49,15 +50,16 @@
                 </#list>
             </ul>
             
-            <#if pages?? >
-                <div>
-                pages          
-                <#list pages as page>                                                            
-                    <a href="${urls.base}/individuallist?${page.param}&vclassId=${vclassId?url}">${page.text}</a> 
-                    <#if page.selected> selected </#if>                                                                                    
-                </#list>   
-                </div>
-            </#if>
+	        <#if (pages?size > 1) >           
+	            pages:&nbsp; 
+	       		<ul class="pagination">
+	                <#list pages as page>                                                            
+	                    <#if page.selected><li class="selectedNavPage">${page.text}</li>
+					    <#else><li><a href="${urls.base}/individuallist?${page.param}&vclassId=${vclassId?url}">${page.text}</a></li>
+					    </#if>                                                                                     
+	                </#list>
+	            </ul>               
+	        </#if>
         </#if>