X-Git-Url: https://git.piment-noir.org/?a=blobdiff_plain;f=ui%2Fweb%2Fsrc%2Fviews%2FChargingStationsView.vue;h=f5757248a07d5afdeb322937b75f909d4db8ab1e;hb=c317ae3edbd335e6dc52616df7d702c0d8419fd4;hp=be7aefbed233f22451e5ace386402222145ad0d0;hpb=9d76f5ec92a3f5865ef2cefd5a253cab3aa2e5fe;p=e-mobility-charging-stations-simulator.git
diff --git a/ui/web/src/views/ChargingStationsView.vue b/ui/web/src/views/ChargingStationsView.vue
index be7aefbe..f5757248 100644
--- a/ui/web/src/views/ChargingStationsView.vue
+++ b/ui/web/src/views/ChargingStationsView.vue
@@ -1,60 +1,58 @@
-
-
-
-
-
+
+
+
+
-
+
@@ -62,38 +60,34 @@ function stopSimulator(): void {
#charging-stations {
height: fit-content;
width: 100%;
- background-color: rgb(233, 227, 227);
display: flex;
flex-direction: column;
}
-#inputs-container {
+#buttons-container {
display: flex;
- justify-content: space-between;
+ flex-direction: row;
}
#reload-button {
flex: auto;
- background-color: rgb(25, 118, 210);
color: white;
- font-size: 35px;
+ background-color: blue;
+ font-size: 1.5rem;
font-weight: bold;
+ align-items: center;
+ justify-content: center;
}
#reload-button:hover {
- background-color: rgb(10, 113, 195);
+ background-color: rgb(0, 0, 225);
}
#reload-button:active {
- background-color: rgb(255, 113, 195);
+ background-color: red;
}
#simulator-button {
flex: auto;
}
-
-#idtag-field {
- flex: auto;
- text-align: center;
-}