completed designing apps page

components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/index.css

@@ -20,4 +20,8 @@
 
 .steps-action {
     margin-top: 24px;
+}
+
+.ant-input-affix-wrapper .ant-input{
+    min-height: 0;
 }

components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.less

@@ -7,4 +7,9 @@
   img{
     height: 35px;
   }
+}
+
+
+input{
+  min-height: 0;
 }

components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/apps/Apps.js

@@ -1,9 +1,10 @@
 import React from "react";
 import "antd/dist/antd.css";
-import {Table, Divider, Tag, Card, PageHeader, Typography, Avatar,Input, Button, Icon} from "antd";
+import {Table, Divider, Tag, Card, PageHeader, Typography, Avatar,Input, Button, Icon, Row, Col} from "antd";
 import Highlighter from 'react-highlight-words';
 
 const Paragraph = Typography;
+const Search = Input.Search;
 
 const routes = [
     {
@@ -189,7 +190,18 @@ class Apps extends React.Component {
                     breadcrumb={{routes}}
                 />
                 <div style={{background: '#f0f2f5', padding: 24, minHeight: 780}}>
+
                     <Card>
+                        <Row style={{padding:10}}>
+                            <Col span={6} offset={18}>
+                                <Search
+                                    placeholder="search"
+                                    onSearch={value => console.log(value)}
+                                    style={{ width: 200}}
+                                />
+                                <Button style={{margin:5}}>Advanced Search</Button>
+                            </Col>
+                        </Row>
                         <Table columns={columns} dataSource={data}/>
                     </Card>
                 </div>