From: Jérôme Benoit <jerome.benoit@sap.com>
Date: Fri, 1 Mar 2024 21:36:03 +0000 (+0100)
Subject: refactor(ui): cleanup CSS styling
X-Git-Tag: v1.2.38~9
X-Git-Url: https://git.piment-noir.org/?a=commitdiff_plain;h=6027002ff1398a1cb3bb55d4994e4615efded2c0;p=e-mobility-charging-stations-simulator.git

refactor(ui): cleanup CSS styling

Signed-off-by: Jérôme Benoit <jerome.benoit@sap.com>
---

diff --git a/ui/web/src/views/ChargingStationsView.vue b/ui/web/src/views/ChargingStationsView.vue
index 1e8762f6..8e7611e7 100644
--- a/ui/web/src/views/ChargingStationsView.vue
+++ b/ui/web/src/views/ChargingStationsView.vue
@@ -60,8 +60,8 @@
         :off="() => stopSimulator()"
         :class="
           state.simulatorState?.started === true
-            ? 'simulator-button-stop'
-            : 'simulator-button-start'
+            ? 'simulator-stop-button'
+            : 'simulator-start-button'
         "
       >
         {{ state.simulatorState?.started === true ? 'Stop' : 'Start' }} Simulator
@@ -304,12 +304,12 @@ const stopSimulator = (): void => {
   flex-direction: row;
 }
 
-.simulator-button-start {
+.simulator-start-button {
   color: ivory;
   background-color: green;
 }
 
-.simulator-button-stop {
+.simulator-stop-button {
   color: ivory;
   background-color: red;
 }