From eec7fb32fd09eb42f85d04460fc7025770cc98d8 Mon Sep 17 00:00:00 2001
From: Laury GvR <laury@gaslightmedia.com>
Date: Tue, 25 Sep 2018 14:35:43 -0400
Subject: [PATCH] Front featured item list improved and styled

---
 css/front.css                 | 23 +++++++++++++++++++
 views/front/members/list.html | 43 +++++++++++++++++++++++++++++++----
 2 files changed, 61 insertions(+), 5 deletions(-)

diff --git a/css/front.css b/css/front.css
index aeea002e..4616d822 100644
--- a/css/front.css
+++ b/css/front.css
@@ -1105,3 +1105,26 @@ glm-member-detail-content-toggle {
     }
 }
 */
+
+/* Featured Grid Start */
+#featured-grid {
+    list-style: none;
+}
+#featured-grid .featured-grid-item-wrapper {
+    padding: 10px;
+    list-style: none;
+}
+#featured-grid .featured-grid-item {
+    border: 1px solid lightgrey;
+    border-radius: 4px;
+    display: block;
+    text-align: center;
+    text-decoration: none;
+    box-shadow: 1px 1px 8px 0px lightgrey;
+    overflow: hidden;
+}
+#featured-grid .featured-grid-item .featured-grid-item-info {
+    padding: 5px;
+}
+
+/* Featured Grid End */
diff --git a/views/front/members/list.html b/views/front/members/list.html
index 95795f2e..633e59da 100755
--- a/views/front/members/list.html
+++ b/views/front/members/list.html
@@ -202,12 +202,45 @@
             </div> <!-- End of information displayed in map bubbles -->
         {/foreach}
         {if $haveFeaturedMembers}
+            
             <h3>Featured {$terms.term_member_plur_cap}</h3>
-            <p>
-            {foreach $featuredMembers as $fm}
-                {$fm.member_name}<br>
-            {/foreach}
-            </p>
+            
+            <ul id="featured-grid" class="small-block-grid-1 medium-block-grid-2 large-block-grid-3">
+                {foreach $featuredMembers as $fm}
+                    <li class="featured-grid-item-wrapper">
+                        {if $settings.list_show_detail_link && !$fm.has_no_profile.value}
+                            <a class="featured-grid-item" href="{$siteBaseUrl}{$settings.canonical_member_page}/{$fm.member_slug}/">
+                        {else}
+                            <div class="featured-grid-item">
+                        {/if}
+                            {if $fm.logo && $settings.list_show_logo}
+                                <div class="glm-member-list-has-image">
+                                    <img class="glm-member-list-image" src="{$glmPluginMediaUrl}/images/grid/{$fm.logo}">
+                                </div>
+                            {elseif $settings.list_show_logo_filler}
+                                <div class="glm-member-list-has-image">
+                                    <img class="glm-member-list-image-filler" src="{$assetsUrl}/filler_s.gif">
+                                </div>
+                            {else}
+                                <div class="glm-member-list-missing-image"></div>
+                            {/if}
+                            <div class="featured-grid-item-info">
+                                <h4 class="featured-member-title">{$fm.member_name}</h4>
+                                
+                                {if $fm.short_descr && $settings.list_show_short_descr}
+                                    <div class="featured-member-description">
+                                        {$fm.short_descr|nl2br}
+                                    </div>
+                                {/if}
+                            </div>
+                        {if $settings.list_show_detail_link && !$fm.has_no_profile.value}
+                            </a>
+                        {else}
+                            </div>
+                        {/if}
+                    </li>
+                {/foreach}
+            </ul>
         {/if}
 
 
-- 
2.17.1