Contact list on small view looked squished

Changed the 6-column on small to small-12 medium-6 so it all fits
in small view.

diff --git a/views/front/contacts/list.html b/views/front/contacts/list.html
index 6904503..8eb904c 100644 (file)
--- a/views/front/contacts/list.html
+++ b/views/front/contacts/list.html
@@ -73,7 +73,7 @@ and open the template in the editor.
                             {$contact.lname}, {$contact.fname}
                         </h4>
                         <div class="row glm-contact-info">
-                            <div class="small-6 columns">
+                            <div class="small-12 medium-6 columns">
                                 {if $contact.title}<div class="glm-contact-info-title">{$contact.title}</div>{/if}
                                 {if $contact.ref_type.name}
                                 <div class="glm-contact-info-member">
@@ -92,7 +92,7 @@ and open the template in the editor.
                                 </div>{/if}
                                 {if $contact.county}<div class="glm-contact-info-county">{$contact.county} County</div>{/if}
                             </div>
-                            <div class="small-6 columns">
+                            <div class="small-12 medium-6 columns">
                                 {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: <a href="mailto:{$contact.email}" target="_top">{$contact.email}</a></div>{/if}