Calendar: fix css of recurrence inputs (42329) (#8372)

Services/Calendar/templates/default/tpl.recurrence_input.html

@@ -1,4 +1,4 @@
-<div class="form-inline">
+<div class="form-inline calrecurrenceinput">
 	{FREQUENCE}
 	<!-- BEGIN daily_block -->
 	<div id="sub_DAILY_1" style="padding-left: 40px;">
@@ -21,8 +21,8 @@
 		<label class="control-label" for="count_WEEKLY">{TXT_EVERY}</label>
 		<input type="text"
 			   class="form-control"
-				name="count_WEEKLY" 
-				value="{COUNT_WEEKLY_VAL}" 
+				name="count_WEEKLY"
+				value="{COUNT_WEEKLY_VAL}"
 				size="2"
 				maxlength="3"
 				style="text-align:right" />
@@ -46,10 +46,10 @@
 	<div id="sub_MONTHLY_1" style="padding-left: 40px;">
 		<hr/>
 		<label class="control-label" for="count_MONTHLY">{TXT_EVERY}</label>
-		<input	type="text" 
+		<input	type="text"
 				class="form-control ilRight"
-				name="count_MONTHLY" 
-				value="{COUNT_MONTHLY_VAL}" 
+				name="count_MONTHLY"
+				value="{COUNT_MONTHLY_VAL}"
 				size="2"
 				maxlength="3" />
 		{TXT_MONTHLY_FREQ_UNIT}
@@ -75,17 +75,17 @@
 					value="2" /> {TXT_ON_THE}</label>
 		{SELECT_BYMONTHDAY}
 		{TXT_SUFFIX}
-		<hr/>	
+		<hr/>
 	</div>
 	<!-- END monthly_block -->
 	<!-- BEGIN yearly_block -->
 	<div id="sub_YEARLY_1" style="padding-left: 40px;">
 		<hr/>
 		<label class="control-label" for="count_YEARLY">{TXT_EVERY}</label>
 		<input	type="text"
-				class="form-control ilRight" 
-				name="count_YEARLY" 
-				value="{COUNT_YEARLY_VAL}" 
+				class="form-control ilRight"
+				name="count_YEARLY"
+				value="{COUNT_YEARLY_VAL}"
 				size="2"
 				maxlength="3" />
 		{TXT_YEARLY_FREQ_UNIT}
@@ -116,7 +116,7 @@
 		<hr/>
 	</div>
 	<!-- END yearly_block -->
-	
+
 	<!--  BEGIN until_selection_unlimited -->
 	<div id="sub_UNTIL_1" style="padding-left: 40px;">
 			<label class="control-label">
@@ -165,4 +165,4 @@
 				value="{VAL_FIXED_COUNT}" /> {TXT_FIXED_APPOINTMENTS}
 	</div>
 	<!-- END until_fixed -->
-</div>
+</div>

templates/default/070-components/legacy/Services/_component_calendar.scss

@@ -487,4 +487,15 @@ span.ilIcalIcon .btn {
 		padding-bottom: 4px;
 		padding-right: 4px;
 	}
-}
+}
+
+// Hacky solution to make legacy recurrence inputs look okay, #42329
+
+.calrecurrenceinput.form-inline label {
+	padding-right: unset;
+	vertical-align: unset;
+}
+
+.calrecurrenceinput.form-inline .form-control {
+	vertical-align: middle;
+}