SAK-50398 calendar Line up required star and field label (#12860)

calendar/calendar-tool/tool/src/webapp/vm/calendar/chef_calendar_new.vm

@@ -9,7 +9,6 @@ if(!window.console) {
   };
 }
 
-
 focus_path = [ "activitytitle" ];
 
 function openCopyrightWindow(theURL,winName,winSettings) 
@@ -334,8 +333,10 @@ $(function() {
 
 	<form name="inputForm" id="inputForm" action="#toolForm("$action")" method="post">
 		<p class="shorttext">
-			<span class="reqStar">*</span>
-			<label for="activitytitle">$tlang.getString("new.title")</label>
+			<div class="d-inline-block text-nowrap">
+				<span class="reqStar">*</span>
+				<label for="activitytitle">$tlang.getString("new.title")</label>
+			</div>
 			#if ($savedData.getTitle().length() !=0)
 				#set($str = $savedData.getTitle().trim())
 				<input type="text" name="activitytitle" id="activitytitle" size="50" maxlength="150" value = "$formattedText.escapeHtml($str)" onfocus="minuteChange('startMinute'); 
@@ -352,10 +353,10 @@ $(function() {
 			#end
 		</p>
 		<p class="shorttext">
-			<span class="reqStar">*</span>
-			<label>
-				$tlang.getString("new.date")
-			</label>	
+			<div class="d-inline-block text-nowrap">
+				<span class="reqStar">*</span>
+				<label>$tlang.getString("new.date")</label>
+			</div>
 			## Setup a date selection widget
 			#set($todayYear = $realDate.breakdownLocal().Year)
 			#set($earliestYear = $todayYear - 3)
@@ -386,10 +387,11 @@ $(function() {
 			</script>
 		</p>	
 		<p class="shorttext">
-			<span class="reqStar">*</span>
-			<label>
-				$tlang.getString("rev.start")
-			</label>
+			<div class="d-inline-block text-nowrap">
+				<span class="reqStar">*</span>
+				<label>$tlang.getString("rev.start")
+				</label>
+			</div>
 			<!-- if it isn't the first time getting into this page, read the saved data -->
 			#if($savedData.getMinute() != -1)
 				#set($hour = $savedData.getHour())