Change package class to be more specific, fixed display issue on package listing...

diff --git a/css/front.css b/css/front.css
index 1d1be7b..b2b65da 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -39,24 +39,25 @@ div.member div.address {
 #glm-member-detail-packages-container > h2 {
     color: #92a682;
 }
-#glm-member-detail-packages-container .package-title {
+#glm-member-detail-packages-container .glm-member-db-package-title {
     font-size: 18px;
     margin-top: 0;
     line-height: 1;
 }
-#glm-member-detail-packages-container .package {
+#glm-member-detail-packages-container .glm-member-db-package {
     border: 1px solid #e1e1e1;
     border-radius: 4px;
     margin-bottom: 10px;
     max-height: 120px;
     overflow: hidden;
 }
-#glm-member-detail-packages-container .package-info {
+#glm-member-detail-packages-container .glm-member-db-package-info {
     padding: 10px;
     width: 66%;
 }
-.glm-member-package-container .package {
+.glm-member-package-container .glm-member-db-package {
     overflow: hidden;
+    clear: both;
 }
 .glm-member-package-container .member > h2 a {
     color: #73bf45;
@@ -69,10 +70,10 @@ div.member div.address {
     max-height: 100px;
 }
 #content-wrapper .member > .member-title,
-#content-wrapper .package-info > .package-title {
+#content-wrapper .glm-member-db-package-info > .glm-member-db-package-title {
     clear: left;
 }
-.glm-member-package-container .package-info {
+.glm-member-package-container .glm-member-db-package-info {
     background: white none repeat scroll 0 0;
     border: 1px solid #ccc;
     clear: both;
@@ -85,14 +86,14 @@ div.member div.address {
     font-size: 16px;
 }
 @media (max-width: 640px) {
-    .glm-member-package-container .package-info {
+    .glm-member-package-container .glm-member-db-package-info {
         margin: 0 0 20px;
         width: 100%;
         padding: 15px;
         border-width: 1px 0;
     }
 }
-.glm-member-package-container h3.package-title {
+.glm-member-package-container h3.glm-member-db-package-title {
     font-weight: normal;
     font-size: 18px;
 }
@@ -129,7 +130,7 @@ div.member div.address {
     float: right;
     overflow: hidden;
 }
-#glm-member-detail-packages-container .package-img-wrap {
+#glm-member-detail-packages-container .glm-member-db-package-img-wrap {
     max-height: 100px;
     width: 25%;
     float: right;

diff --git a/views/front/packaging/detail.html b/views/front/packaging/detail.html
index be15e14..4b8e188 100644 (file)
--- a/views/front/packaging/detail.html
+++ b/views/front/packaging/detail.html
@@ -54,15 +54,15 @@
                 {/if}
             </div>
                     <!-- Container for package information -->
-        <div class="package">
-            <div class="package-info">
+        <div class="glm-member-db-package">
+            <div class="glm-member-db-package-info">
 
               {if $package.image}
                <div class="glm-package-img-wrap">
                 <img src="{$glmPluginMediaUrl}/images/medium/{$package.image}">
                </div>
               {/if}
-                <h3 class="package-title"><a href="{$thisUrl}?glm_action=detail&packageID={$package.id}">{$package.title}</a></h3>
+                <h3 class="glm-member-db-package-title"><a href="{$thisUrl}?glm_action=detail&packageID={$package.id}">{$package.title}</a></h3>
               {if $package.descr}
                 {$package.descr}
               {else if $package.short_descr}

diff --git a/views/front/packaging/list.html b/views/front/packaging/list.html
index a9395b4..a138dd3 100644 (file)
--- a/views/front/packaging/list.html
+++ b/views/front/packaging/list.html
@@ -51,17 +51,17 @@
         
         {foreach $m.packages as $p}
             <!-- Container for each package -->
-            <div class="package">
+            <div class="glm-member-db-package">
     
                 <!-- Container for package information -->
-                <div class="package-info">
+                <div class="glm-member-db-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>
+                    <h3 class="glm-member-db-package-title"><a href="{$siteBaseUrl}{$settings.canonical_package_page}/{$p.package_slug}/">{$p.title}</a></h3>
                     {$p.short_descr}
                     <div class="details">
                         <div><span class="title">Expires: </span><span class="data">{$p.expire_date.date}</span></div>
@@ -116,15 +116,15 @@
             </div>
         
             <!-- Container for package information -->
-            <div class="package">
-                <div class="package-info">
+            <div class="glm-member-db-package">
+                <div class="glm-member-db-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>
+                    <h3 class="glm-member-db-package-title"><a href="{$siteBaseUrl}{$settings.canonical_package_page}/{$p.package_slug}/">{$p.title}</a></h3>
                   {if $p.descr}
                     {$p.descr|nl2br}
                   {else if $p.short_descr}

diff --git a/views/front/packaging/listForMemberDetail.html b/views/front/packaging/listForMemberDetail.html
index 7507cbf..17f00c9 100644 (file)
--- a/views/front/packaging/listForMemberDetail.html
+++ b/views/front/packaging/listForMemberDetail.html
@@ -6,18 +6,18 @@
     {foreach $packages as $p}
 
         <!-- Container for each package -->
-        <div class="package">
+        <div class="glm-member-db-package">
 
             {if $p.image}
-             <div class="package-img-wrap">
+             <div class="glm-member-db-package-img-wrap">
               <img src="{$glmPluginMediaUrl}/images/medium/{$p.image}">
              </div> 
             {/if}
             <!-- Container for package information -->
-            <div class="package-info">
+            <div class="glm-member-db-package-info">
 
-                <h3 class="package-title"><a href="{$siteBaseUrl}{$settings.canonical_package_page}/{$p.package_slug}/">{$p.title}</a></h3>
-                <div class="package-desc">{$p.short_descr}</div>
+                <h3 class="glm-member-db-package-title"><a href="{$siteBaseUrl}{$settings.canonical_package_page}/{$p.package_slug}/">{$p.title}</a></h3>
+                <div class="glm-member-db-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>

diff --git a/views/front/packaging/listForMemberListing.html b/views/front/packaging/listForMemberListing.html
index 21d1e04..c285890 100644 (file)
--- a/views/front/packaging/listForMemberListing.html
+++ b/views/front/packaging/listForMemberListing.html
@@ -3,17 +3,17 @@
 <div class="glm-member-package-container">
     {foreach $packages as $p}
         <!-- Container for each package -->
-        <div class="package">
+        <div class="glm-member-db-package">
 
             <!-- Container for package information -->
-            <div class="package-info">
+            <div class="glm-member-db-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>
+                <h3 class="glm-member-db-package-title"><a href="{$siteBaseUrl}{$settings.canonical_package_page}/{$p.package_slug}/">{$p.title}</a></h3>
                 {$p.short_descr}
                 <div class="details">
                     <div><span class="title">Expires: </span><span class="data">{$p.expire_date.date}</span></div>