Added some styles and classes for better display

diff --git a/css/front.css b/css/front.css
index bd4449c..dc1cb50 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -3,6 +3,21 @@
     max-width: 300px;
     padding: 10px;
 }
+.glm-contact-info-email {
+    word-wrap: break-word;
+}
+@media (max-width: 639px) {
+    .glm-member-list-data {
+        padding: 15px 0;
+    }
+    .glm-member-list-container .glm-member-container {
+        padding: 0;
+    }
+    .glm-member-list-active-info {
+        padding: 0;
+    }
+}
+
 @media (max-width: 1023px) {
     #glmContactsSearchSubmit,
     #glmContactsSearchContainer,

diff --git a/views/front/contacts/list.html b/views/front/contacts/list.html
index a1b4ed0..16789c8 100644 (file)
--- a/views/front/contacts/list.html
+++ b/views/front/contacts/list.html
@@ -56,38 +56,34 @@ and open the template in the editor.
                 <div class="glm-member-list-data small-12 columns">
                     <div class="glm-member-list-active-info small-12 columns">
                         <h4 class="glm-member-title">
-                {if $fromMemberMenu}                    
-                            <a href="{$thisUrl}?page=glm-members-admin-menu-member&glm_action=contacts&option=edit&member={$contact.ref_dest}&contact={$contact.id}">{$contact.lname}, {$contact.fname}</a>
-                {else}
-                            <a href="{$thisUrl}?page=glm-members-admin-menu-contacts&glm_action=index&option=edit&member={$contact.ref_dest}&contact={$contact.id}">{$contact.lname}, {$contact.fname}</a>
-                {/if}
+                            {$contact.lname}, {$contact.fname}
                         </h4>
 
-                        <div class="row">
+                        <div class="row glm-contact-info">
                             
                             <div class="small-6 columns">
-                                {if $contact.title}<div class="glm-contact-title">{$contact.title}</div>{/if}
+                                {if $contact.title}<div class="glm-contact-info-title">{$contact.title}</div>{/if}
                                 {if $contact.ref_type.name}
-                                <div class="glm-contact-member">
+                                <div class="glm-contact-info-member">
                                     {if $contact.ref_dest_name}
-                                        <a href="{$thisUrl}?page=glm-members-admin-menu-member&glm_action=index&member={$c.ref_dest}">{$contact.ref_dest_name}</a>
+                                        {$contact.ref_dest_name}
                                     {/if}
                                 </div>
                                 {/if}
-                                {if $contact.addr1}<div class="glm-contact-address1">{$contact.addr1}</div>{/if}
-                                {if $contact.addr2}<div class="glm-contact-address2">{$contact.addr2}</div>{/if}
+                                {if $contact.addr1}<div class="glm-contact-info-address1">{$contact.addr1}</div>{/if}
+                                {if $contact.addr2}<div class="glm-contact-info-address2">{$contact.addr2}</div>{/if}
                                 {if $contact.zip or $contact.city.name or $contact.state.name}
                                 <div>
-                                    {if $contact.city.name}<span class="glm-contact-city">{$contact.city.name},</span>{/if}
-                                    {if $contact.state.name}<span class="glm-contact-state">{$contact.state.name}</span>{/if}
-                                    {if $contact.zip}<span class="glm-contact-zip">{$contact.zip}</span>{/if}
+                                    {if $contact.city.name}<span class="glm-contact-info-city">{$contact.city.name},</span>{/if}
+                                    {if $contact.state.name}<span class="glm-contact-info-state">{$contact.state.name}</span>{/if}
+                                    {if $contact.zip}<span class="glm-contact-info-zip">{$contact.zip}</span>{/if}
                                 </div>{/if}
-                                {if $contact.county}<div class="glm-contact-county">{$contact.county}</div>{/if}
+                                {if $contact.county}<div class="glm-contact-info-county">{$contact.county}</div>{/if}
                             </div>
                             <div class="small-6 columns">
-                                {if $contact.office_phone}<div>{$contact.office_phone}</div>{/if}
-                                {if $contact.fax}<div>{$contact.fax}</div>{/if}
-                                {if $contact.email}<div>Email: {$contact.email}</div>{/if}
+                                {if $contact.office_phone}<div class="glm-contact-info-phone">{$contact.office_phone}</div>{/if}
+                                {if $contact.fax}<div class="glm-contact-info-fax">{$contact.fax}</div>{/if}
+                                {if $contact.email}<div class="glm-contact-info-email">Email: {$contact.email}</div>{/if}
                             </div>
                             
 <!--//                        title                   phone