ui changes in application sorting bar

cmsWebApp/webroot/css/common.css

@@ -3809,13 +3809,14 @@ no-applicant.inactive a:hover,no-applicant.inactive a:hover span{
     position: relative;
     width: 100%;
 }
+.appli-list-shorting .shorting-dropdown {width: 180px;}
 .appli-dropdown{
     display: inline-block;    
 }
 .appli-filter{
-    left: 0;
+        left: 220px;
     position: absolute;
-    right: 0;
+    /*right: 0;*/
     text-align: center;
     top: 42px;
 }
@@ -3856,7 +3857,7 @@ no-applicant.inactive a:hover,no-applicant.inactive a:hover span{
     text-transform: uppercase;
     width: 100%;
     display: inline-block;
-    margin-bottom: 10px;
+    margin-bottom: 4px;
 
 }
 .appli-list-shorting .select2-container--default .select2-selection--single .select2-selection__rendered {

cmsWebApp/webroot/extensions/adminportal/inc/application_sorting_bar.jsp

@@ -81,7 +81,7 @@
                 </ul>
             </div>
             <div class="shorting-dropdown">
-                <div class="order-label">Search Applicants</div>
+                <div class="appli-order-label">Search Applicants</div>
                 <oneit:ormInput obj="<%= searchApplicant %>"    type="text" attributeName="Details"    cssClass="form-control search-input"    id="searchText" />
             </div>
             <oneit:button value="Search" name="search" cssClass="btn btn-primary"   style="display:none;"/>