From 229d8c3413d0b1908bfd2ea3239f1887bdb862a2 Mon Sep 17 00:00:00 2001
From: =?utf8?q?J=C3=A9r=C3=B4me=20Benoit?= <jerome.benoit@sap.com>
Date: Mon, 19 Feb 2024 22:27:35 +0100
Subject: [PATCH] refactor(ui): refine action bar style
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/actions/AddChargingStations.vue | 3 ++-
 ui/web/src/components/actions/SetSupervisionUrl.vue   | 3 ++-
 ui/web/src/components/actions/StartTransaction.vue    | 3 ++-
 ui/web/src/views/ChargingStationsView.vue             | 6 ++++++
 4 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/ui/web/src/components/actions/AddChargingStations.vue b/ui/web/src/components/actions/AddChargingStations.vue
index f2af0905..9acd2d5e 100644
--- a/ui/web/src/components/actions/AddChargingStations.vue
+++ b/ui/web/src/components/actions/AddChargingStations.vue
@@ -1,5 +1,6 @@
 <template>
-  <h2>Action Add Charging Stations</h2>
+  <h1 id="action">Action</h1>
+  <h2>Add Charging Stations</h2>
   <p>Template:</p>
   <select v-if="state.ready" v-model="state.template">
     <option disabled value="">Please select a template</option>
diff --git a/ui/web/src/components/actions/SetSupervisionUrl.vue b/ui/web/src/components/actions/SetSupervisionUrl.vue
index 6c06ccef..e50316bf 100644
--- a/ui/web/src/components/actions/SetSupervisionUrl.vue
+++ b/ui/web/src/components/actions/SetSupervisionUrl.vue
@@ -1,5 +1,6 @@
 <template>
-  <h2>Action Set Supervision Url</h2>
+  <h1 id="action">Action</h1>
+  <h2>Set Supervision Url</h2>
   <h3>Charging Station {{ chargingStationId }}</h3>
   <p>Supervision Url:</p>
   <input
diff --git a/ui/web/src/components/actions/StartTransaction.vue b/ui/web/src/components/actions/StartTransaction.vue
index ecc5f2da..5e83983f 100644
--- a/ui/web/src/components/actions/StartTransaction.vue
+++ b/ui/web/src/components/actions/StartTransaction.vue
@@ -1,5 +1,6 @@
 <template>
-  <h2>Action Start Transaction</h2>
+  <h1 id="action">Action</h1>
+  <h2>Start Transaction</h2>
   <h3>Connector {{ connectorId }} on {{ chargingStationId }}</h3>
   <p>Scan RFID tag:</p>
   <input id="idtag" v-model.trim="state.idTag" type="text" name="idtag" placeholder="RFID tag" />
diff --git a/ui/web/src/views/ChargingStationsView.vue b/ui/web/src/views/ChargingStationsView.vue
index a022e398..8df77d92 100644
--- a/ui/web/src/views/ChargingStationsView.vue
+++ b/ui/web/src/views/ChargingStationsView.vue
@@ -115,4 +115,10 @@ const stopSimulator = (): void => {
 #reload-button:active {
   background-color: red;
 }
+
+#action {
+  color: white;
+  background-color: black;
+  padding: 1%;
+}
 </style>
-- 
2.34.1