Directions button positioning, button styles

diff --git a/css/front.css b/css/front.css
index 67ccbd8..a4c3178 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -47,6 +47,11 @@
     padding: .4em;
     margin: 1em 0px 1em 0px;
 }
+.glm-member-entry-container .glm-member-button {
+    text-align: center;
+    display: block;
+    margin: 5px auto;
+}
 .glm-member-list-image {
     width: 100%;
     height: auto;
@@ -128,8 +133,8 @@
 #glm-member-detail-images-container img {
     border-radius: 2px;
 }
-.glm-member-detail-button,
-input[type="submit"].glm-member-detail-button {
+.glm-member-button,
+input[type="submit"].glm-member-button {
     padding: 10px 20px;
     border-radius: 5px;
 }

diff --git a/views/front/members/detail.html b/views/front/members/detail.html
index 2481fbc..7b4855c 100644 (file)
--- a/views/front/members/detail.html
+++ b/views/front/members/detail.html
@@ -1,6 +1,6 @@
 {include file='front/members/header.html'}
-    <script>
-    document.write('<a class="button glm-member-detail-button" href="' + document.referrer + '">Take me back</a>');
+<script>
+    document.write('<a class="button glm-member-button" href="' + document.referrer + '">Take me back</a>');
 </script>
 
 
@@ -9,11 +9,11 @@
 {if $haveMember}
 
         <script src="http://maps.googleapis.com/maps/api/js?sensor=true&key={$settings.google_maps_api_key}"></script>
-                    {if $settings.detail_show_map}
-                        <div id="glm-locationMap-container" class="row">
-                            <div id="glm-locationMap" class="glm-map small-12 columns">(map loads here)</div>
-                        </div>
-                    {/if}
+    {if $settings.detail_show_map}
+        <div id="glm-locationMap-container" class="row">
+            <div id="glm-locationMap" class="glm-map small-12 columns">(map loads here)</div>
+        </div>
+    {/if}
     {if $settings.detail_show_directions}
         <div id="glm-directionsMap-container" class="glm-hidden">
             <div id="glm-directionsMap" class="glm-map">(directions load here)</div>
@@ -23,10 +23,6 @@
         <div class="row">
             <div id="glm-directions" class="small-12 columns glm-member-entry-container">
                 <div class="row">
-                    <div class="small-12 medium-8 columns">
-                        Enter address to show directions ...
-                        <input id="glm-startLocation" type="text" name="startLocation" class="glm-form-text-input" placeholder=""><br>
-                    </div>
                     <div class="small-12 medium-4 columns">
                         Directions type:
                         <select id="directionsType" name="directionsType">
@@ -35,12 +31,16 @@
                             <option value="BICYCLING">Bicycling</option>
                             <!-- <option value="TRANSIT">Transit Services</option> - Doesn't seem to work -->
                         </select>
-                    </div>     
+                    </div>  
+                    <div class="small-12 medium-8 columns">
+                        Enter address to show directions ...
+                        <input id="glm-startLocation" type="text" name="startLocation" class="glm-form-text-input" placeholder=""><br>
+                    </div>   
                 </div>
                 <div class="row">
                     <div style="text-align: center;">
-                        <input type="submit" id="glm-showDirectionsButton" class="button button-secondary glm-button glm-member-detail-button" value="Show Directions">
-                        <input type="submit" id="glm-showLocationButton" class="button button-secondary glm-button glm-hidden glm-member-detail-button" value="Show {$terms.term_member_cap} Location">
+                        <input type="submit" id="glm-showDirectionsButton" class="button button-secondary glm-button glm-member-button" value="Show Directions">
+                        <input type="submit" id="glm-showLocationButton" class="button button-secondary glm-button glm-hidden glm-member-button" value="Show {$terms.term_member_cap} Location">
                     </div>
                 </div>
             </div>
@@ -88,7 +88,7 @@
                         {if $settings.detail_show_coupons && $coupons}<a href="#glm-member-detail-coupons">Coupons</a>{/if}
                         {apply_filters('glm-member-db-front-members-detail-linksBottom', '', $member.id)}
                     </div>
-                </div>      
+                </div>
 
                 {if $member.logo && $settings.detail_show_logo}
                 <div class="glm-member-detail-featured-image-wrapper small-12 medium-6 columns">

diff --git a/views/front/members/list.html b/views/front/members/list.html
index e1d2e3f..0bae470 100644 (file)
--- a/views/front/members/list.html
+++ b/views/front/members/list.html
@@ -22,23 +22,25 @@
                         </div>
                     </div>
                     <div class="row">
+                {if $settings.list_show_search_category}
+                    <div class="small-12 medium-5 columns">
+                        {$terms.term_member_cap} Category: 
+                        <select name="categorySearch" id="categorySelect">
+                            <option value="">(all)</option>
+                {foreach from=$categories item=v}
+                            <option value="{$v.id}"{if $v.default} selected="selected"{/if}>
+                                {if $v.parent}&nbsp;&nbsp;&nbsp;&nbsp;{/if}{$v.name}
+                            </option>
+                {/foreach}
+                        </select>
+                    </div>
+            {/if}
             {if $settings.list_show_search_text}
                         <div class="small-12 medium-7 columns">Text Search: <input type="text" name="textSearch" value="{$textSearch}" class="glm-form-text-input"></div>
             {/if}
-            {if $settings.list_show_search_category}
-                        <div class="small-12 medium-5 columns">
-                            {$terms.term_member_cap} Category: 
-                            <select name="categorySearch" id="categorySelect">
-                                <option value="">(all)</option>
-                    {foreach from=$categories item=v}
-                                <option value="{$v.id}"{if $v.default} selected="selected"{/if}>
-                                    {if $v.parent}&nbsp;&nbsp;&nbsp;&nbsp;{/if}{$v.name}
-                                </option>
-                    {/foreach}
-                            </select>
-                        </div>
+            
                     </div>
-            {/if}
+
             {if $settings.list_show_search_amenities}
 
                     <div class="row">
@@ -56,7 +58,7 @@
                     </div>
 
             {/if}    
-                    <div class="row"><div class="small-12 columns"><input type="submit" value="Search"></div></div>
+                    <div class="row"><div class="small-12 columns"><input class="button glm-member-button centered" type="submit" value="Search"></div></div>
                     {apply_filters('glm-member-db-front-members-list-searchFormBottom', '')}
                 </div>
             </div>
@@ -102,7 +104,7 @@
                 {/if}
 <!-- Member name, address, and basic information -->
                     {apply_filters('glm-member-db-front-members-list-memberInfoTop', '', $m.id)}                                        
-                    <h2 class="member-title">
+                    <h2 class="glm-member-title">
           {if $settings.list_show_detail_link}
                         <a href="{$siteBaseUrl}{$settings.canonical_member_page}/{$m.member_slug}/">{$m.member}</a>