display improvement

datamodels/2.x/itop-portal-base/portal/public/css/pages/bricks/_object-brick.scss

@@ -6,6 +6,7 @@
 /* SCSS variables (can be overloaded) */
 $ipb-object-brick--url-to-clipboard--opacity: 0.5 !default;
 $ipb-object-brick--url-to-clipboard-tooltip-copied--margin-right: $common-spacing-200!default;
+$ipb-object-brick--padding-small-horizontal: 10px!default;
 
 
 .url-to-clipboard{
@@ -22,3 +23,15 @@ $ipb-object-brick--url-to-clipboard-tooltip-copied--margin-right: $common-spacin
 .url-to-clipboard-tooltip-copied {
   margin-right: $ipb-object-brick--url-to-clipboard-tooltip-copied--margin-right;
 }
+
+.form_filter_container{
+  position: relative;
+  height: 2.5em;
+  width: 100%;
+}
+
+.form_filter_class{
+  position: absolute;
+  right: 0;
+  padding-right: $ipb-object-brick--padding-small-horizontal;
+}

datamodels/2.x/itop-portal-base/portal/src/Controller/ObjectController.php

@@ -1096,6 +1096,7 @@ class ObjectController extends BrickController
 				foreach ($aEnumChildClasses as $sClassName) {
 					$aChildClasses[$sClassName] = MetaModel::GetName($sClassName);
 				}
+				asort($aChildClasses);
 				$aData = $aData + [
 						'bHasSubClasses' => true,
 						'aSubClasses'    => $aChildClasses,

datamodels/2.x/itop-portal-base/portal/templates/bricks/object/mode_search_regular.html.twig

@@ -9,8 +9,9 @@
 <div id="{{ sFormId }}">
 	{#<div class="form_alerts"></div>#}
     {% if bHasSubClasses %}
-        <div class="form_field_label">
-            <label>{{ 'UI:SearchFor_Class'|dict_format('') }}</label>
+    <div class="form_filter_container">
+        <div class="form_filter_class dataTables_filter">
+                <label class="dataTables_filter">{{ 'UI:SearchFor_Class'|dict_format('') }}</label>
                 <select id="finalclass{{ sFormId }}">
                     <option value="">{{ sParentClassName }}</option>
                     {% for key, sClassName in aSubClasses %}
@@ -18,6 +19,7 @@
                     {% endfor %}
                 </select>
             </div>
+        </div>
     {% endif %}
 	<div class="form_fields">
 		<table id="{{ sTableId }}" class="object-list table table-striped responsive">