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 5b4d5c007d468f5bf1aeca56a77a0f7db1c340cf..6d72ba10f04a3e874f63b4757b11d14dbc2ee112 100644 (file)
--- 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 f5ba1f92615e4e53a152546ae2384301e966715c..46f1c5d20d166ca5ac1038c709ad7169a1695650 100644 (file)
--- 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);
 }