New featured tag display

diff --git a/css/front.css b/css/front.css
index a05be83..20fcf7e 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -610,14 +610,18 @@ glm-member-db-list.glm-member-db-grid-view .glm-member-list-image {
 .glm-member-list-featured-tag {
     background-color: green;
     color: white;
-    float: left;
+    float: none;
+    margin: 0 auto;
+    width: 75%;
     font-size: 14px;
     font-weight: bold;
     padding: 5px 20px;
-    position: absolute;
+    position: relative;
     text-shadow: 1px 0 white;
     text-transform: uppercase;
+    text-align: center;
     z-index: 1;
+    border-radius: 0 0 4px 4px;
 }
 #glm-member-detail-featured-image-wrapper {
     border-radius: 4px;
@@ -1126,5 +1130,9 @@ glm-member-detail-content-toggle {
 #featured-grid .featured-grid-item .featured-grid-item-info {
     padding: 10px;
 }
+#featured-grid .featured-grid-item .glm-member-list-has-image {
+    max-height: 225px;
+    overflow: hidden;
+}
 
 /* Featured Grid End */

diff --git a/views/front/members/list.html b/views/front/members/list.html
index 633e59d..270b95d 100755 (executable)
--- a/views/front/members/list.html
+++ b/views/front/members/list.html
@@ -361,22 +361,23 @@
         {apply_filters('glm-member-db-front-members-list-memberAbove', '', $member.member_pointer)}
              <div class="glm-member-list-container glm-member-container small-12 columns {if $member.featured}featured{/if}">
                 {apply_filters('glm-member-db-front-members-list-memberTop', '', $member.member_pointer)}
+
+                {if $member.featured}
+                <div class="glm-member-list-featured-tag">
+                    featured
+                </div>
+                {/if}
+                
                  <!-- Member Logo - Medium and up-->
 
                     <div class="glm-member-list-data small-12 columns">
                     {if $member.logo && $settings.list_show_logo}
                         <div class="glm-member-list-image-wrapper right small-12 medium-4 columns {if !$settings.list_logo_for_mobile}mobile-hide{/if}">
                             <div class="glm-member-list-image-border clearfix">
-
-                            {if $member.featured}
-                            <div class="glm-member-list-featured-tag">
-                                featured
+                                <img src="{$glmPluginMediaUrl}/images/{$settings.list_logo_size}/{$member.logo}">
                             </div>
-                            {/if}
-                            <img src="{$glmPluginMediaUrl}/images/{$settings.list_logo_size}/{$member.logo}">
                         </div>
-                   </div>
-                {/if}
+                    {/if}
                     <div class="glm-member-list-active-info small-12 medium-8 columns small-right medium-left ">
      <!-- Member name, address, and basic information -->
                     {apply_filters('glm-member-db-front-members-list-memberInfoTop', '', $member.member_pointer)}