Index: components/Import/Import.component.tsx
===================================================================
diff -u -r02034861c5b797d7c6f46da206243f74aca3fefe -r83efc071bbdb1d3b2460439744d4809e13efd0b5
--- components/Import/Import.component.tsx	(.../Import.component.tsx)	(revision 02034861c5b797d7c6f46da206243f74aca3fefe)
+++ components/Import/Import.component.tsx	(.../Import.component.tsx)	(revision 83efc071bbdb1d3b2460439744d4809e13efd0b5)
@@ -1,10 +1,11 @@
 import { DeleteOutlined, DownloadOutlined, ImportOutlined } from '@ant-design/icons';
-import { Button, Col, Popconfirm, Row, Select, Spin, Table, Typography } from 'antd';
+import { Button, Col, Popconfirm, Row, Select, Space, Spin, Table, Typography } from 'antd';
 import { IImportJob } from 'lemans-api/services/Import/import.types';
 import { ITempFile } from 'lemans-api/services/Media/media.types';
 import { flash } from 'lemans-common';
 import { useLoader } from 'lemans-common/libs/useToggle';
 import { service } from 'lemans-dashboard-common';
+import moment from 'moment';
 import React from 'react';
 import { FileUploadButton } from '../FileUploadButton';
 import './Import.styles.less';
@@ -22,15 +23,15 @@
 
     const refresh = () => {
         loader.start();
-        service.import.search({})
+        service.import.search({sorting: 'localeImportProcessId+DESC'})
             .then(setJobs)
             .finally(loader.done);
     };
 
     React.useEffect(refresh, []);
 
     const downloadOriginal = (id:number) => () => service.import.download.original(id);
-    const downloadReport = (id:number) => () => service.import.download.original(id);
+    const downloadReport = (id:number) => () => service.import.download.report(id);
     const deleteJob = (id:number) => () => {service.import.delete(id).then(() => {
         flash.success("Job deleted");
         refresh();
@@ -47,52 +48,54 @@
 
     const fileColumn = (file:string, job:any) => 
         <Button type="link" onClick={downloadOriginal(job.localeImportProcessId)}>
-            {file} <DownloadOutlined />
+            {file}
         </Button>;
 
+    const startDateCol = (value: any) => {return <>{moment(value).format('M/D/YYYY')}</>;}
+
     const actionsColumn = (job:IImportJob) => <>
         <Typography.Text type="danger">
             <Popconfirm onConfirm={deleteJob(job.localeImportProcessId)} title="Are you sure you want to delete this job?">
                 <DeleteOutlined title="Delete Report"/>
             </Popconfirm>
-        </Typography.Text>
+        </Typography.Text>&nbsp;&nbsp;
         {job.status === "Partial Success" && <Typography.Text type="secondary">
-            <DownloadOutlined title="Download Report" onClick={downloadReport(job.localeImportProcessId)} />
+            <DownloadOutlined title="Download Report" onClick={downloadReport(job.localeImportProcessId)} style={{color:'green'}}/>
         </Typography.Text>}
     </>;
 
     return <div>
         <h1>Import Jobs</h1>
-        <Row gutter={8}>
-            <Col xs={4} style={{textAlign: "right"}}>
-                Import Type
-            </Col>
-            <Col xs={4}>
-                <Select<string> value={importType} onChange={setImportType}>
-                    <Select.Option value="">Select an import type</Select.Option>
-                    <Select.Option value="product">Product</Select.Option>
-                    <Select.Option value="part">Part</Select.Option>
-                    <Select.Option value="categoryAttribute">Category Attributes</Select.Option>
-                </Select>
-            </Col>
-            <Col xs={8}>
-                <FileUploadButton id="importFile" onSuccess={updateTempFile} inline />
-            </Col>
-            <Col xs={8}>
-                <Button disabled={!importType || !tempFile} onClick={startJob}><ImportOutlined/> Import</Button>
-            </Col>
+        <Row gutter={16}>
+            <Space>
+                <Col>
+                    Import Type
+                </Col>
+                <Col>
+                    <Select<string> value={importType} onChange={setImportType}>
+                        <Select.Option value="">Select an import type</Select.Option>
+                        <Select.Option value="product">Product</Select.Option>
+                        <Select.Option value="part">Part</Select.Option>
+                        <Select.Option value="categoryAttribute">Category Attributes</Select.Option>
+                    </Select>
+                </Col>
+                <Col>
+                    <FileUploadButton id="importFile" onSuccess={updateTempFile} inline />
+                </Col> 
+                <Col>
+                    <Button disabled={!importType || !tempFile} onClick={startJob}><ImportOutlined/> Import</Button>
+                </Col>
+            </Space>
         </Row>
-        <div>
-            {JSON.stringify(tempFile)}
-        </div>
+        <hr /><br />
         <Spin spinning={loader.isRunning}>
             <Table dataSource={jobs}>
                 <Table.Column title="Import Type" dataIndex="importType"                              sorter={sorter("importType")}       />
                 <Table.Column title="File Name"   dataIndex="originalFileName" render={fileColumn}    sorter={sorter("originalFileName")} />
                 <Table.Column title="Status"      dataIndex="status"                                  sorter={sorter("status")}           />
-                <Table.Column title="Start Date"  dataIndex="startDate"                               sorter={sorter("startDate")}        />
+                <Table.Column title="Start Date"  dataIndex="startDate"        render={startDateCol}  sorter={sorter("startDate")}        />
                 <Table.Column title="Created By"  dataIndex="createdBy"                               sorter={sorter("createdBy")}        />
-                <Table.Column                                                  render={actionsColumn}                 />
+                <Table.Column title="Actions"                                  render={actionsColumn}                 />
             </Table>
         </Spin>
     </div>;