From: Jérôme Benoit <jerome.benoit@sap.com>
Date: Sun, 3 Mar 2024 14:05:07 +0000 (+0100)
Subject: refactor(ui): refine toggle button styling
X-Git-Tag: v1.3.0~66
X-Git-Url: https://git.piment-noir.org/?a=commitdiff_plain;h=754d819937907a0c8169ab39416e9ffbd2059142;p=e-mobility-charging-stations-simulator.git

refactor(ui): refine toggle button styling

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

diff --git a/ui/web/src/components/buttons/ToggleButton.vue b/ui/web/src/components/buttons/ToggleButton.vue
index 5b4d5c00..6d72ba10 100644
--- a/ui/web/src/components/buttons/ToggleButton.vue
+++ b/ui/web/src/components/buttons/ToggleButton.vue
@@ -48,5 +48,6 @@ const click = (): void => {
 <style>
 .on {
   background-color: lightgrey;
+  border-style: inset;
 }
 </style>
diff --git a/ui/web/src/views/ChargingStationsView.vue b/ui/web/src/views/ChargingStationsView.vue
index f5ba1f92..46f1c5d2 100644
--- a/ui/web/src/views/ChargingStationsView.vue
+++ b/ui/web/src/views/ChargingStationsView.vue
@@ -300,6 +300,7 @@ const stopSimulator = (): void => {
 #ui-server-container {
   display: flex;
   justify-content: center;
+  border-style: outset;
 }
 
 #ui-server-selector {
@@ -324,7 +325,6 @@ const stopSimulator = (): void => {
 }
 
 .simulator-start-button:hover {
-  color: ivory;
   background-color: rgb(0, 98, 0);
 }