From ed7e1dc317cbdc191d39242a520fb0d0c3e5d2e6 Mon Sep 17 00:00:00 2001
From: laury <laury@gaslightmedia.com>
Date: Mon, 16 May 2016 09:00:05 -0400
Subject: [PATCH] List for member detail fixed and relocated, restyled

---
 css/front.css                                 | 23 +++++++++++++++++++
 setup/frontHooks.php                          |  2 +-
 .../front/packaging/listForMemberDetail.html  | 13 ++++++-----
 3 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/css/front.css b/css/front.css
index 08b29fc..1d1be7b 100644
--- a/css/front.css
+++ b/css/front.css
@@ -39,6 +39,22 @@ div.member div.address {
 #glm-member-detail-packages-container > h2 {
     color: #92a682;
 }
+#glm-member-detail-packages-container .package-title {
+    font-size: 18px;
+    margin-top: 0;
+    line-height: 1;
+}
+#glm-member-detail-packages-container .package {
+    border: 1px solid #e1e1e1;
+    border-radius: 4px;
+    margin-bottom: 10px;
+    max-height: 120px;
+    overflow: hidden;
+}
+#glm-member-detail-packages-container .package-info {
+    padding: 10px;
+    width: 66%;
+}
 .glm-member-package-container .package {
     overflow: hidden;
 }
@@ -80,6 +96,7 @@ div.member div.address {
     font-weight: normal;
     font-size: 18px;
 }
+
 .glm-member-package-container .glm-member-title a,
 .glm-member-package-container .glm-member-title {
     color: #92a682;
@@ -112,6 +129,12 @@ div.member div.address {
     float: right;
     overflow: hidden;
 }
+#glm-member-detail-packages-container .package-img-wrap {
+    max-height: 100px;
+    width: 25%;
+    float: right;
+    overflow: hidden;
+}
 .glm-member-list-container .glm-member-title {
     color: #92A682;
 }
\ No newline at end of file
diff --git a/setup/frontHooks.php b/setup/frontHooks.php
index 2072bcc..c4bdd98 100644
--- a/setup/frontHooks.php
+++ b/setup/frontHooks.php
@@ -71,7 +71,7 @@ if (isset($this->config['addOns']['glm-member-db'])) {
     );
 
     // Add content to member detail page - Get it from the existing package listing shortcode
-    add_filter('glm-member-db-front-members-detail-dataBottom', function($content, $id) {
+    add_filter('glm-member-db-front-members-detail-descriptionAfter', function($content, $id) {
             $packageData = do_shortcode('[glm-members-packaging-list member='.$id.', template="member-detail" order="title"]');
             $content .= $packageData;
             return $content;
diff --git a/views/front/packaging/listForMemberDetail.html b/views/front/packaging/listForMemberDetail.html
index ab24010..288e5cc 100644
--- a/views/front/packaging/listForMemberDetail.html
+++ b/views/front/packaging/listForMemberDetail.html
@@ -1,22 +1,23 @@
 {if $settings.detail_show_packages && $havePackages && $packages}
 <div id="glm-member-detail-packages-toggle" class="glm-member-detail-content-toggle">Packages</div>
 <div id="glm-member-detail-packages-container" class="glm-member-detail-content-data small-12">
+    
 
     {foreach $packages as $p}
 
         <!-- Container for each package -->
         <div class="package">
 
+            {if $p.image}
+             <div class="package-img-wrap">
+              <img src="{$glmPluginMediaUrl}/images/medium/{$p.image}">
+             </div> 
+            {/if}
             <!-- Container for package information -->
             <div class="package-info">
 
-              {if $p.image}
-               <div class="glm-package-img-wrap">
-                <img src="{$glmPluginMediaUrl}/images/medium/{$p.image}">
-               </div> 
-              {/if}
                 <h3 class="package-title"><a href="{$siteBaseUrl}{$settings.canonical_package_page}/{$p.package_slug}/">{$p.title}</a></h3>
-                {$p.short_descr}
+                <div class="package-desc">{$p.short_descr}</div>
                 <div class="details">
                     <div><span class="title">Expires: </span><span class="data">{$p.expire_date.date}</span></div>
                     <div><span class="title">Pricing: </span><span class="data">{$p.pricing}</span></div>
-- 
2.17.1