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 1e8762f69ecb6c3dfabff2fc644fa21cb459f60b..8e7611e76033a167a36b4cf1caf9b177633cb251 100644 (file)
--- 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;
 }