moving checkboxes and labels to one line
authorAnthony Talarico <talarico@gaslightmedia.com>
Fri, 3 Aug 2018 18:01:00 +0000 (14:01 -0400)
committerAnthony Talarico <talarico@gaslightmedia.com>
Fri, 3 Aug 2018 18:01:00 +0000 (14:01 -0400)
moving the checkboxes to the left of their labels

css/admin.css
views/admin/contacts/edit.html

index 9e9d56c..a42b20b 100644 (file)
@@ -413,4 +413,9 @@ display: inline-block;
     display: block;
     float: left;
     clear: both;
+}
+#glm-table-profile .glm-contacts-checkbox{
+    float: left;
+    margin: 0;
+    margin-right: 5px;
 }
\ No newline at end of file
index cdac8c8..0c212e7 100644 (file)
                             </tr>
 
                             <tr {if $contactEditOwnRecord}class="glm-hidden"{/if}>
-                                <th>Active</th>
+                                <th></th>
                                 <td>
-                                    <input type="checkbox" name="active" {if $contactInfo.fieldData.active.value} checked{/if}>
+                                    <span>Active</span>
+                                    <input type="checkbox" class="glm-contacts-checkbox" name="active" {if $contactInfo.fieldData.active.value} checked{/if}>
                                 </td>
                             </tr>
 
 
                             <tr {if $contactEditOwnRecord}class="glm-hidden"{/if}>
                                 <th>
-                                    Primary Contact
-                                    <a href="#" onclick="return false;" onkeypress="return false;" class="glm_tooltip tooltip">
-                                        <p>(Only one contact at a time may be the primary contact. If there is another primary contact, it will be deselected.)</p>
-                                        <i class="fa fa-question-circle">
-
-                                        </i>
-                                    </a>
+                                    
+                                    
                                 </th>
                                 <td>
+                                    <span>Primary Contact</span>
                         {if apply_filters('glm_members_permit_admin_member_contacts_set_as_primary', true)}
-                                    <input type="checkbox" name="primary_contact" {if $contactInfo.fieldData.primary_contact.value} checked{/if}>
+                                    <input type="checkbox" class="glm-contacts-checkbox" name="primary_contact" {if $contactInfo.fieldData.primary_contact.value} checked{/if}>
                         {else}
                                     {$contactInfo.fieldData.primary_contact.name}
                         {/if}
+                        <a href="#" onclick="return false;" onkeypress="return false;" class="glm_tooltip tooltip">
+                                <p>(Only one contact at a time may be the primary contact. If there is another primary contact, it will be deselected.)</p>
+                                <i class="fa fa-question-circle">
+
+                                </i>
+                            </a>
                                 </td>
                             </tr>
                             <tr>
                         <table class="glm-admin-table glm-admin-table-inner">
 
                             <tr>
-                                <th>Publish on Front End</th>
+                                
                                 <td>
-                                    <input type="checkbox" name="contact_publish" {if $contactInfo.fieldData.contact_publish.value} checked{/if}>
+                                    <span>Publish on Front End</span>
+                                    <input type="checkbox" class="glm-contacts-checkbox" name="contact_publish" {if $contactInfo.fieldData.contact_publish.value} checked{/if}>
                                 </td>
                             </tr>
                             <tr>
-                                <th>Use for Billing Information</th>
+                             
                                 <td>
-                                    <input type="checkbox" name="contact_use_billing">
+                                    <span>Use for Billing Information</span>
+                                    <input type="checkbox" class="glm-contacts-checkbox" name="contact_use_billing">
                                 </td>
                             </tr>
                             <tr>
                     <div id="glm-contact-company-info">
                         <table class="glm-admin-table glm-admin-table-inner">
                             <tr>
-                                <th>Publish on Front End</th>
+                
                                 <td>
-                                    <input type="checkbox" name="business_publish" {if $contactInfo.fieldData.business_publish.value} checked{/if}>
+                                    <span>Publish on Front End</span>
+                                    <input type="checkbox" class="glm-contacts-checkbox" name="business_publish" {if $contactInfo.fieldData.business_publish.value} checked{/if}>
                                 </td>
                             </tr>
                             <tr>
-                                <th>Use for Billing Information</th>
+                                <th></th>
                                 <td>
-                                    <input type="checkbox" name="business_use_billing">
+                                    <span>Use for Billing Information</span>
+                                    <input type="checkbox" class="glm-contacts-checkbox" name="business_use_billing">
                                 </td>
                             </tr>
                             <tr>