Removed display block from table td elements to let checkboxes have the right size
authorLaury GvR <laury@gaslightmedia.com>
Fri, 3 Aug 2018 20:55:49 +0000 (16:55 -0400)
committerLaury GvR <laury@gaslightmedia.com>
Fri, 3 Aug 2018 20:56:34 +0000 (16:56 -0400)
css/admin.css
views/admin/contacts/edit.html

index 50c05f2..00a743f 100644 (file)
@@ -33,6 +33,7 @@
     margin-top: -5px;
 }
 .glm-table-spacer {
+    display: block;
     width: 100%;
     padding-bottom: 6px;
 }
@@ -206,8 +207,12 @@ input::placeholder {
     padding: 10px;
     margin-bottom: 5px;
 }
+#glm-table-profile #glm-members-custom-fields-glm-member-db-contacts .glm-custom-field-checkbox-field .glm-label {
+    font-size: 16px;
+}
 #glm-table-profile #glm-members-custom-fields-glm-member-db-contacts .glm-custom-field-label {
     font-weight: normal;
+    font-size: 16px;
 }
 #glm-table-profile #glm-members-custom-fields-glm-member-db-contacts fieldset {
     background: #f8ffff;
@@ -235,7 +240,6 @@ input::placeholder {
     display: block;
 }
 #glm-table-profile.glm-admin-table > tbody > tr > td {
-    display: block;
 }
 #glm-table-profile.glm-admin-table .glm-contact-citybox {
     display: block;
@@ -269,7 +273,7 @@ input::placeholder {
     padding-bottom: 7px;
     width: 100%;
     color: #515151;
-    font-size: 15px;
+    font-size: 16px;
     padding-bottom: 14px;
     padding-top: 14px;
     line-height: 1.6px;
@@ -281,7 +285,6 @@ input::placeholder {
 #glm-table-profile.glm-admin-table .glm-custom-field,
 #glm-table-profile.glm-admin-table td {
     clear: both;
-    display: block;
     width: 100%;
     max-width: 640px;
 }
index 682ee9a..30e002b 100644 (file)
                             </tr>
 
                             <tr {if $contactEditOwnRecord}class="glm-hidden"{/if}>
-                     
                                 <td>
-                                    <span>Active</span>
+                                    <span class="glm-label">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}>
                                 <td>
-                                    <span>Primary Contact</span>
+                                    <span class="glm-label">Primary Contact</span>
                         {if apply_filters('glm_members_permit_admin_member_contacts_set_as_primary', true)}
                                     <input type="checkbox" class="glm-contacts-checkbox" name="primary_contact" {if $contactInfo.fieldData.primary_contact.value} checked{/if}>
                         {else}
                                 </td>
                             </tr>
                             <tr>
-                                <td colspan="2">
-                                    <div class="glm-table-spacer"><hr></div>
+                                <td colspan="2" class="glm-table-spacer">
+                                    <div><hr></div>
                                 </td>
                             </tr>
                             <tr>
                             <tr>
                                 
                                 <td>
-                                    <span>Publish on Front End</span>
+                                    <span class="glm-label">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>
                              
                                 <td>
-                                    <span>Use for Billing Information</span>
+                                    <span class="glm-label">Use for Billing Information</span>
                                     <input type="checkbox" class="glm-contacts-checkbox" name="contact_use_billing">
                                 </td>
                             </tr>
                             <tr>
-                                <td colspan="2">
-                                    <div class="glm-table-spacer"><hr></div>
+                                <td colspan="2" class="glm-table-spacer">
+                                    <div><hr></div>
                                 </td>
                             </tr>
                             <tr>
                             <tr>
                 
                                 <td>
-                                    <span>Publish on Front End</span>
+                                    <span class="glm-label">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>
                               
                                 <td>
-                                    <span>Use for Billing Information</span>
+                                    <span class="glm-label">Use for Billing Information</span>
                                     <input type="checkbox" class="glm-contacts-checkbox" name="business_use_billing">
                                 </td>
                             </tr>
 
                 <div id="glm-contact-removed-items-toggle" class="glm-contact-content-toggle glm-hidden">
                     <h3>Removed Items</h3>
-                    <span><input type="checkbox" name="active" {if true} checked{/if}> Publish on front end</span>
-                    <span><input type="checkbox" name="active" {if false} checked{/if}> Use for Billing</span>
+                    <span class="glm-label"><input type="checkbox" name="active" {if true} checked{/if}> Publish on front end</span>
+                    <span class="glm-label"><input type="checkbox" name="active" {if false} checked{/if}> Use for Billing</span>
                 </div>
                 <div id="glm-contact-removed-items-container" class="glm-admin-form-section glm-contact-content-data glm-hidden">
                     <div id="glm-contact-removed-items glm-hidden">