Fixed issue with adding area definitions

ang/areas/AreaEditCtrl.html

@@ -41,20 +41,23 @@ Required vars: formProcessor
   <tfoot>
 	  <tr class="addRow">
 	    <td colspan="4">
-	    	<select
-        crm-ui-id="editAreaForm.type"
-        name="type"
-        crm-ui-select="{dropdownAutoWidth : true, allowClear: true}"
-        ng-model="areaDefinitionType"
-        ng-options="areaDefinitionType as areaDefinitionTypeTitle for (areaDefinitionType, areaDefinitionTypeTitle) in areaDefinitionTypes">
+      <select class="huge"
+              crm-ui-id="editAreaForm.type"
+              name="type"
+              ui-jq="select2"
+              ui-options="{dropdownAutoWidth : true, allowClear: true}"
+              ng-model="areaDefinitionTypeOption"
+              ng-options="areaDefinitionTypeOption as title for (areaDefinitionTypeOption, title) in  areaDefinitionTypes"
+      >
         <option value="">{{ts('- Select type -')}}</option>
-      </select>
-      <button crm-icon="fa-check" ng-click="addAreaDefinition(areaDefinitionType)">{{ts('Add area definition')}}</button>	    	
+      </select>&nbsp;
+
+      <button crm-icon="fa-check" ng-click="addAreaDefinition(areaDefinitionTypeOption)">{{ts('Add area definition')}}</button>
 	    </td>
 	  </tr>
   </tfoot>
 </table>
-	
+
 	<div class="crm-tasks">
     <button crm-icon="fa-check" ng-click="save(false);" ng-disabled="editAreaForm.$invalid">
       {{ts('Save')}}
@@ -67,4 +70,4 @@ Required vars: formProcessor
     </button>
 	</div>
 </div>
-</form>
\ No newline at end of file
+</form>

info.xml

@@ -14,8 +14,8 @@
     <url desc="Support">http://civicoop.org</url>
     <url desc="Licensing">http://www.gnu.org/licenses/agpl-3.0.html</url>
   </urls>
-  <releaseDate>2022-09-06</releaseDate>
-  <version>1.6</version>
+  <releaseDate>2024-02-07</releaseDate>
+  <version>1.6.1</version>
   <develStage>stable</develStage>
   <compatibility>
     <ver>5.27</ver>