ui changes in Open Jobs page

cmsWebApp/webroot/css/common.css

@@ -2679,7 +2679,8 @@ a.forgot-pass {
 /*All Jobs Page*/
 .shorting-dropdown {
     float: right;
-    margin: 20px;
+    margin: 20px 10px;
+        min-width: 180px;
 }
 .all-jobs-title{
     display: inline-block;
@@ -2744,6 +2745,14 @@ a.forgot-pass {
 .shorting-dropdown span.select2-selection.select2-selection--single{
     height: 45px;
 }
+
+.shorting-dropdown .form-control {
+     height: 45px;
+}
+.search-input {
+   background: url(../images/search-icon.svg) no-repeat scroll right 10px center;
+    padding-right: 32px
+}
 /*All Jobs Page End*/
 
 /*View Applicants*/

cmsWebApp/webroot/extensions/adminportal/list_jobs.jsp

@@ -139,7 +139,7 @@
                 </div>
                 <div class="shorting-dropdown">
                     <div class="order-label">Search Jobs</div>
-                    <oneit:ormInput obj="<%= searchJob %>"    type="text" attributeName="Details"    cssClass="form-control"    id="searchText" />
+                    <oneit:ormInput obj="<%= searchJob %>"    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;"/>