From 3d6037a56ab57dfbcaf851970e57a491a7637de5 Mon Sep 17 00:00:00 2001
From: Gabriel Augendre <gabriel@augendre.info>
Date: Sun, 14 Nov 2021 10:44:30 +0100
Subject: [PATCH] Improve display

---
 src/App.tsx   | 4 +---
 src/Velov.tsx | 2 +-
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 07fc3c7..98ae4a9 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -40,11 +40,9 @@ class App extends React.Component<{}, IAppState> {
     render() {
         return <div>
             <Container className="main">
-                <Row sm={2}>
+                <Row sm={2} md={3} className="g-4">
                     {this.state.passages.map((ligne) => <Tcl key={ligne.ligne} ligne={ligne.ligne}
                                                              delais={ligne.delais}/>)}
-                </Row>
-                <Row sm={2}>
                     {this.state.stations.map((station) => <Velov key={station.info.station_id} info={station.info} status={station.status}/>)}
                 </Row>
                 <Row>
diff --git a/src/Velov.tsx b/src/Velov.tsx
index e3ccabf..81d5c13 100644
--- a/src/Velov.tsx
+++ b/src/Velov.tsx
@@ -10,7 +10,7 @@ export default class Velov extends React.Component<IVelovStation> {
         return <Col>
             <Card>
                 <Card.Header>
-                    <FontAwesomeIcon icon={faBiking}/> {this.props.info.name.toLowerCase()}
+                    <FontAwesomeIcon icon={faBiking}/> {this.props.info.name.toLowerCase().split(" - ")[1]}
                 </Card.Header>
                 <ListGroup variant="flush">
                     <ListGroup.Item>