Image wrapper fix, member detail won't equalize on stack.

diff --git a/assets/email.png b/assets/email.png
index 1cfb9e8..14e0011 100644 (file)
Binary files a/assets/email.png and b/assets/email.png differ

diff --git a/css/front.css b/css/front.css
index 764a987..2ce252d 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -90,6 +90,7 @@
 }
 .glm-member-detail-image {
     margin-bottom: 1em;
+    width: 100%;
 }
 .glm-member-detail-nameAddress {
 }
@@ -104,6 +105,19 @@
     max-height: 200px;
     overflow: hidden;
 }
+.glm-member-detail-image-wrapper img {
+    float: none;
+    margin: 0 auto;
+}
+.glm-package-detail-image-wrapper img {
+    float: right;
+}
+@media (max-width: 640px) {
+    .glm-package-detail-image-wrapper img {
+        float: none;
+        margin: 0 auto;
+    }
+}
 .glm-member-detail-button {
     padding: 10px 20px;
     border-radius: 6px;

diff --git a/glm-member-db.php b/glm-member-db.php
index ab533a2..3052ca1 100644 (file)
--- a/glm-member-db.php
+++ b/glm-member-db.php
@@ -3,7 +3,7 @@
  * Plugin Name: GLM Members Database
  * Plugin URI: http://www.gaslightmedia.com/
  * Description: Gaslight Media Members Database.
- * Version: 1.0.53
+ * Version: 1.0.56
  * Author: Chuck Scott
  * Author URI: http://www.gaslightmedia.com/
  * License: GPL2

diff --git a/views/front/members/detail.html b/views/front/members/detail.html
index 7b38bc8..625db67 100644 (file)
--- a/views/front/members/detail.html
+++ b/views/front/members/detail.html
@@ -81,14 +81,14 @@
                         </div>
                     {/if}
                     {if $member.logo && $settings.detail_show_logo}
-                    <div class="glm-member-detail-image-wrapper small-4 medium-4 columns">
+                    <div class="glm-member-detail-image-wrapper small-12 medium-4 columns">
 <!--                            <img class="glm-member-list-image-left" src="http://placehold.it/500x300">-->
                             <img CLASS="glm-member-list-image-left" src="{$glmPluginMediaURL}/images/{$settings.detail_logo_size}/{$member.logo}">
                     </div>
                     {/if}
             </div>
 <!-- Member Description -->                
-            <div id="glm-member-detail-descr-row" class="row" data-equalizer>
+            <div id="glm-member-detail-descr-row" class="row" data-equalizer data-options="equalize_on_stack:false">
                 {if ($member.amenities && $settings.detail_show_amenities) || ($member.cc_type && $settings.detail_show_creditcards) || ($member.categories && $settings.detail_show_categories)}
                 <div id="glm-member-detail-amenities-container" class="small-12 medium-4 columns" >
                     <div data-equalizer-watch>