UI-1396: replaced standard radio buttons by monsterRadio

submodules/strategy/strategy.css

@@ -178,9 +178,11 @@
 }
 
 #strategy_container .element-container.strategy-hours .custom-hours-toggler .title {
-	font-size: 18px;
 	line-height: 30px;
 }
+#strategy_container .element-container.strategy-hours .custom-hours-toggler .title span {
+	font-size: 18px;
+}
 
 #strategy_container .element-container.strategy-hours .custom-hours-toggler > label:first-of-type {
 	margin-bottom: 20px;

views/strategy-callsTab.html

@@ -1,6 +1,6 @@
 <div class="callflow-tab-title">{{tabMessage}}</div>
 <div class="call-option menu-call {{#compare callOption.type '===' 'default'}}active{{/compare}}">
-	<div class="radio-div"><input type="radio" {{#compare callOption.type '===' 'default'}}checked{{/compare}} name="calls.{{callflow}}" value="menu"></div>
+	<div class="radio-div">{{#monsterRadio "radio-large"}}<input type="radio" {{#compare callOption.type '===' 'default'}}checked{{/compare}} name="calls.{{callflow}}" value="menu">{{/monsterRadio}}</div>
 	<div class="title">{{i18n.strategy.calls.incomingCall}}</div>
 	<div class="arrow-icon"><i class="icon-arrow-down icon-large"></i></div>
 	<div class="menu-div {{#if menu}}has-menu" data-callflow="{{menu}}{{/if}}">
@@ -18,7 +18,7 @@
 	</div>
 </div>
 <div class="call-option user-menu-call {{#compare callOption.type '===' 'user-menu'}}active{{/compare}}">
-	<div class="radio-div"><input type="radio" {{#compare callOption.type '===' 'user-menu'}}checked{{/compare}} name="calls.{{callflow}}" value="user-menu"></div>
+	<div class="radio-div">{{#monsterRadio "radio-large"}}<input type="radio" {{#compare callOption.type '===' 'user-menu'}}checked{{/compare}} name="calls.{{callflow}}" value="user-menu">{{/monsterRadio}}</div>
 	<div class="title">{{i18n.strategy.calls.incomingCall}}</div>
 	<div class="arrow-icon"><i class="icon-arrow-down icon-large"></i></div>
 	<div class="user-select">
@@ -49,7 +49,7 @@
 	</div>
 </div>
 <div class="call-option user-voicemail-call {{#compare callOption.type '===' 'user-voicemail'}}active{{/compare}}">
-	<div class="radio-div"><input type="radio" {{#compare callOption.type '===' 'user-voicemail'}}checked{{/compare}} name="calls.{{callflow}}" value="user-voicemail"></div>
+	<div class="radio-div">{{#monsterRadio "radio-large"}}<input type="radio" {{#compare callOption.type '===' 'user-voicemail'}}checked{{/compare}} name="calls.{{callflow}}" value="user-voicemail">{{/monsterRadio}}</div>
 	<div class="title">{{i18n.strategy.calls.incomingCall}}</div>
 	<div class="arrow-icon"><i class="icon-arrow-down icon-large"></i></div>
 	<div class="user-select">

views/strategy-hours.html

@@ -3,8 +3,7 @@
 		<div class="custom-hours-toggler">
 			<label>
 				<div class="title">
-					<input type="radio" name="enabled" value="false" {{#if alwaysOpen}}checked{{/if}}>
-					{{i18n.strategy.hours.alwaysOpenTitle}}
+					{{#monsterRadio i18n.strategy.hours.alwaysOpenTitle}}<input type="radio" name="enabled" value="false" {{#if alwaysOpen}}checked{{/if}}>{{/monsterRadio}}
 				</div>
 				<div class="description">
 					{{i18n.strategy.hours.alwaysOpenDescription}}
@@ -12,8 +11,7 @@
 			</label>
 			<label>
 				<div class="title">
-					<input type="radio" name="enabled" value="true" {{#unless alwaysOpen}}checked{{/unless}}>
-					{{i18n.strategy.hours.customHoursTitle}}
+					{{#monsterRadio i18n.strategy.hours.customHoursTitle}}<input type="radio" name="enabled" value="true" {{#unless alwaysOpen}}checked{{/unless}}>{{/monsterRadio}}
 				</div>
 				<div class="description">
 					{{i18n.strategy.hours.customHoursDescription}}