diff --git a/css/providerformstyle.css b/css/providerformstyle.css index cdaabb0db8f1bab98cd02a0c60817cba2e7f12fb..32b1df040b7417a3b6cb6d893efa057fd144e19f 100644 --- a/css/providerformstyle.css +++ b/css/providerformstyle.css @@ -42,3 +42,25 @@ fieldset:not(.fieldgroup) { table th, table td { background-color: transparent !important; } + +.listing_type_label_1 { + margin-right: 3em; +} + +.listing_type_label_1.language_french { + margin-right: 4em; +} + +@media (min-width: 375px) { + .listing_type_label_1, .listing_type_label_1.language_french { + margin-right: 6em; + } +} + + +@media (min-width: 425px) { + .listing_type_label_1, .listing_type_label_1.language_french { + margin-right: 0; + } +} + diff --git a/templates/CRM/Aoservicelisting/Form/ProviderApplicationForm.tpl b/templates/CRM/Aoservicelisting/Form/ProviderApplicationForm.tpl index f7a444efa2f8e22724d60c603f5ca5916a406304..b4f0f63fb49406d01180c33d37ea55d44b467750 100644 --- a/templates/CRM/Aoservicelisting/Form/ProviderApplicationForm.tpl +++ b/templates/CRM/Aoservicelisting/Form/ProviderApplicationForm.tpl @@ -181,6 +181,13 @@ {literal} <script type="text/javascript"> CRM.$(function($) { + // Add class onto the label of listing_type radio_elements + $('[for$=listing_type]').each(function() { + $(this).addClass('listing_type_label_' + $(this).prev().val()); + if (CRM.config.locale != "en_US") { + $(this).addClass('language_french'); + } + }); var abaServices = $('[name=' + {/literal}'{$ABA_SERVICES}'{literal} + ']:checked').val(); var abacredentialsSectionID = '.editrow_' + {/literal}'{$ABA_CREDENTIALS}'{literal} + '-section'; var abastaffSectionID = '.aba_staff_members';