From 94d0ce7129843b9407f8497c1071b173f5d0053a Mon Sep 17 00:00:00 2001
From: Laury GvR <laury@gaslightmedia.com>
Date: Tue, 19 Aug 2014 13:09:11 -0400
Subject: [PATCH] Searchform formatting, pagination on letterlist

---
 Toolkit/Members/css/member.css            | 29 ++++++++------
 Toolkit/Members/templates/membersList.tpl | 48 +++++++++++++----------
 2 files changed, 45 insertions(+), 32 deletions(-)

diff --git a/Toolkit/Members/css/member.css b/Toolkit/Members/css/member.css
index 3617eeb..0cecc0a 100755
--- a/Toolkit/Members/css/member.css
+++ b/Toolkit/Members/css/member.css
@@ -680,7 +680,7 @@ ul#plannerNav a:hover {
     border: 1px solid #fff;
     background: #fff;
 }
-.pages b, .business-first-letter a.curr {
+.pages b, .business-first-letter li.curr {
     border: 1px solid #2E6AB1;
     font-weight: bold;
     background: #2E6AB1;
@@ -690,7 +690,7 @@ ul#plannerNav a:hover {
     border: 1px solid #9AAFE5;
     text-decoration: none;
 }
-.pages a:hover, .business-first-letter a:hover {
+.pages a:hover, .business-first-letter li:hover {
     border-color: #2E6AB1;
 }
 .business-first-letter {
@@ -699,13 +699,14 @@ ul#plannerNav a:hover {
 .business-first-letter > div {
     margin-bottom: 1em;
 }
-.business-first-letter a {
-    margin-right: 0.1em;
+.business-first-letter li {
+/*    margin-right: 0.1em;*/
     color: #003366;
-    padding: 0.1em 0.4em;
+/*    padding: 0.1em 0.4em;*/
     border: 1px solid #9AAFE5;
-    text-decoration: none;
+/*    text-decoration: none;*/
 }
+
 /* member db category search result, numbered icons */
 .search-result-map-img {
     float: left;
@@ -1270,13 +1271,13 @@ div.thumb {
     color: #2783B7;
     padding: 16px 0 10px 0;
 }
-#map-canvas {
-    float:left;
+/*#map-canvas {
+    float:right;
 }
 
 #category-search {
-    float:right;
-}
+    float:left;
+}*/
 
 /** map foundation **/
 @media (min-width: 574px) and (max-width: 766px) {
@@ -1292,11 +1293,17 @@ div.thumb {
         margin-top: 20px;
         margin-bottom: 25px;
     }
-    #mapContainer {
+    #category-search {
         padding-bottom: 25px;
         padding-top: 20px;
     }
 }
 #SearchForm fieldset ol li:last-child {
     text-align:center;
+}
+
+@media (min-width: 766px) {
+    #mapContainer {
+        float: right !important;
+    }
 }
\ No newline at end of file
diff --git a/Toolkit/Members/templates/membersList.tpl b/Toolkit/Members/templates/membersList.tpl
index 478613e..7727213 100644
--- a/Toolkit/Members/templates/membersList.tpl
+++ b/Toolkit/Members/templates/membersList.tpl
@@ -1,20 +1,23 @@
+
 {if:member_search_form}
     {member_search_form:h}
 {end:}
-    <flexy:toJavascript
-    flexy:prefix="glm_"
-    base_url="base_url"
-    trip_planner_id="trip_planner_id"
-    catid="catid"
-    searchMapIconActive="searchMapIconActive"
-    >
-    </flexy:toJavascript>
-    <div flexy:if="letters" class="small-12 columns business-first-letter opensearchserver.ignore">
-        <div>Narrow result by letter:</div>
-        <a flexy:foreach="letters,k,v" class="{v[class]:h}" href="{v[url]:h}">{k}</a>
-    </div>
-
-{if:numberedSet}
+<flexy:toJavascript
+flexy:prefix="glm_"
+base_url="base_url"
+trip_planner_id="trip_planner_id"
+catid="catid"
+searchMapIconActive="searchMapIconActive"
+>
+</flexy:toJavascript>
+<div flexy:if="letters" class="opensearchserver.ignore" business-first-letter small-12 columns>
+    <div>Narrow result by letter:</div>
+    <ul class="pagination">
+        <li flexy:foreach="letters,k,v" class="{v[class]:h}"><a href="{v[url]:h}">{k}</a></li>
+    </ul>
+</div>
+<div class="large-10 large-offset-1">
+    {if:numberedSet}
     <div class="results small-12 columns">{getResults(#Found %s Businesses in %s page(s)#):h}</div>
     <div class="opensearchserver.ignore">{getPaging():h}</div>
     <div class="small-12 columns">Showing records {firstRecord} to {lastRecord}</div>
@@ -85,11 +88,14 @@
         </div>
     </div>
 
-        {getPaging():h}
-            <div flexy:if="letters" class="business-first-letter small-12 columns">
-                <div>Narrow result by letter:</div>
-                <a flexy:foreach="letters,k,v" class="{v[class]:h}" href="{v[url]:h}">{k}</a>
-            </div>
-        {else:}
+    {getPaging():h}
+        <div flexy:if="letters" class="business-first-letter small-12 columns">
+            <div>Narrow result by letter:</div>
+            <ul class="pagination">
+                <li flexy:foreach="letters,k,v" class="{v[class]:h}"><a href="{v[url]:h}">{k}</a></li>
+            </ul>
+        </div>
+    {else:}
         <div class="NoMembers">No Members matched your search criteria!</div>
-        {end:}
\ No newline at end of file
+    {end:}
+</div>
\ No newline at end of file
-- 
2.17.1