From 754d819937907a0c8169ab39416e9ffbd2059142 Mon Sep 17 00:00:00 2001
From: =?utf8?q?J=C3=A9r=C3=B4me=20Benoit?= <jerome.benoit@sap.com>
Date: Sun, 3 Mar 2024 15:05:07 +0100
Subject: [PATCH] refactor(ui): refine toggle button styling
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jérôme Benoit <jerome.benoit@sap.com>
---
 ui/web/src/components/buttons/ToggleButton.vue | 1 +
 ui/web/src/views/ChargingStationsView.vue      | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

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);
 }
 
-- 
2.34.1