[dashboard] added a bit of styling

Author: sjillen

dashboard/src/App.js

@@ -3,15 +3,12 @@ import './App.css';
 import 'bootstrap/dist/css/bootstrap.min.css';
 import Dashboard from './components/Dashboard';
 import Header from './components/Header';
-import { Container } from 'react-bootstrap';
 
 function App() {
     return (
         <>
             <Header />
-            <Container>
-                <Dashboard />
-            </Container>
+            <Dashboard />
         </>
     );
 }

dashboard/src/components/ScanList.js

@@ -17,9 +17,18 @@ const ScanList = ({ list }) => {
         <>
             <h2>Security Scan Results</h2>
             <Accordion>
+                <Card bg="primary" text="white">
+                    <Card.Header>
+                        <Row>
+                            <Col sm={3}>Name</Col>
+                            <Col sm={3}>Status</Col>
+                            <Col sm={5}>Timestamp</Col>
+                        </Row>
+                    </Card.Header>
+                </Card>
                 {list.map((scan, index) => (
                     <Card key={index}>
-                        <Accordion.Toggle as={Card.Header} eventKey={index}>
+                        <Accordion.Toggle style={{ cursor: 'pointer' }} as={Card.Header} eventKey={index}>
                             <Row>
                                 <Col sm={3}>{scan.repositoryName}</Col>
                                 <Col sm={3}>{scan.status}</Col>

docker-compose.yml

@@ -25,6 +25,7 @@ services:
       - /app/node_modules
       - ./dashboard:/app
   postgres:
+    restart: always
     container_name: postgres
     image: 'postgres:latest'
     ports: