diff --git a/front/src/App.js b/front/src/App.js
index 984b71302caaffe6e726ada51eda7094954c5176..023ede7d19bf5525eb28d72097adbc31613d0570 100644
--- a/front/src/App.js
+++ b/front/src/App.js
@@ -21,9 +21,7 @@ class App extends Component {
render() {
return (
<div>
- <hr className="mini" />
{this.state.data.rows.map(row => <Row row={row} />)}
- <hr style={{ color: '#DDDDDD' }} />
<div className="mini">
<p>
Last data: {new Date(Date.now()).toLocaleString()}; TTL: {this.state.data.ttl / 1000}s
diff --git a/front/src/Row.js b/front/src/Row.js
index 5bdc9c69c4b89416f3045c8319acf3becc82bf7d..3031856df1d0f1ac7cabf29c2af8c323c6f62031 100644
--- a/front/src/Row.js
+++ b/front/src/Row.js
@@ -49,7 +49,7 @@ const Row = ({ row }) => {
break;
}
return (
- <div style={{ backgroundColor: '#F2F2FF', padding: '10px' }}>
+ <div style={{ padding: '10px' }}>
<SubRow row={row} />
</div>
);
diff --git a/front/src/index.html b/front/src/index.html
index 8983df17db306172be94c03bdf7f72db79acf525..1339fd414b52e2f5e005bc0c0af944a4f92cc55c 100644
--- a/front/src/index.html
+++ b/front/src/index.html
@@ -7,18 +7,18 @@
</head>
<body>
+ <div id="panel_data"></div>
+
<p style="color: #DDDDDD">Date:
<span id="date">
Not connected
</span>
</p>
- <div id="panel_data"></div>
-
<style type="text/css" id="root"></style>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.slim.js"></script>
<script type="text/javascript" src="./index.js" defer></script>
</body>
-</html>
\ No newline at end of file
+</html>
diff --git a/front/src/style.css b/front/src/style.css
index c8f8807f32fb528a9b6dfa0fb5314becbf0c6a3e..ba61afaeb4aa8420c94164cc71c77bc4fe5952d2 100644
--- a/front/src/style.css
+++ b/front/src/style.css
@@ -1,24 +1,26 @@
+html {
+ background-color: #eee;
+}
+
.mini p {
- color: #dddddd;
+ color: #ddd;
margin: 0;
}
.bloc {
+ background-color: #fff;
margin-bottom: 10px;
+ box-shadow: 0px 6px 10px 0px #aaa;
}
.text-bloc {
min-height: var(--rowHeight);
- border: 1px solid black;
- background-color: #e2ffe0;
padding: 10px;
display: flex;
justify-content: space-between;
}
.image-bloc {
- border: 1px solid black;
- background-color: #ffdddd;
}
.image-bloc img {
@@ -29,8 +31,6 @@
}
.image-text-bloc {
- border: 1px solid black;
- background-color: #ffffdd;
padding: 10px;
display: flex;
}