From 916f0920593cd041ba7be8a8ac28b62db0303d06 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 20:06:55 +0100
Subject: [PATCH] refactor(ui): cleanup actions panel
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/App.vue                                    | 8 ++++----
 ui/web/src/components/actions/AddChargingStations.vue | 3 +--
 ui/web/src/components/actions/SetSupervisionUrl.vue   | 5 ++---
 ui/web/src/components/actions/StartTransaction.vue    | 6 +++---
 ui/web/src/views/ChargingStationsView.vue             | 3 ++-
 5 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/ui/web/src/App.vue b/ui/web/src/App.vue
index aee9c5d0..471a240a 100644
--- a/ui/web/src/App.vue
+++ b/ui/web/src/App.vue
@@ -29,13 +29,13 @@ import Container from '@/components/Container.vue'
   justify-content: center;
   align-items: center;
   text-align: center;
-  margin: 0.1%;
-  padding: 0.1%;
+  margin: 0.4%;
+  padding: 0.4%;
   border: solid black;
 }
 
 body {
-  margin: 0.005%;
-  padding: 0.005%;
+  margin: 0.008%;
+  padding: 0.008%;
 }
 </style>
diff --git a/ui/web/src/components/actions/AddChargingStations.vue b/ui/web/src/components/actions/AddChargingStations.vue
index 52d3fdb3..8946e82a 100644
--- a/ui/web/src/components/actions/AddChargingStations.vue
+++ b/ui/web/src/components/actions/AddChargingStations.vue
@@ -1,6 +1,5 @@
 <template>
-  <h1 id="action">Action</h1>
-  <h2>Add Charging Stations</h2>
+  <h1 id="action">Add Charging Stations</h1>
   <p>Template:</p>
   <select 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 1406db53..2a419677 100644
--- a/ui/web/src/components/actions/SetSupervisionUrl.vue
+++ b/ui/web/src/components/actions/SetSupervisionUrl.vue
@@ -1,7 +1,6 @@
 <template>
-  <h1 id="action">Action</h1>
-  <h2>Set Supervision Url</h2>
-  <h3>Charging Station {{ chargingStationId }}</h3>
+  <h1 id="action">Set Supervision Url</h1>
+  <h2>{{ chargingStationId }}</h2>
   <p>Supervision Url:</p>
   <input
     id="supervision-url"
diff --git a/ui/web/src/components/actions/StartTransaction.vue b/ui/web/src/components/actions/StartTransaction.vue
index 99ef3118..f2a3242f 100644
--- a/ui/web/src/components/actions/StartTransaction.vue
+++ b/ui/web/src/components/actions/StartTransaction.vue
@@ -1,7 +1,7 @@
 <template>
-  <h1 id="action">Action</h1>
-  <h2>Start Transaction</h2>
-  <h3>Connector {{ connectorId }} on {{ chargingStationId }}</h3>
+  <h1 id="action">Start Transaction</h1>
+  <h2>{{ chargingStationId }}</h2>
+  <h3>Connector {{ connectorId }}</h3>
   <p>Scan RFID tag:</p>
   <input id="idtag" v-model.trim="state.idTag" type="text" name="idtag" placeholder="RFID tag" />
   <br />
diff --git a/ui/web/src/views/ChargingStationsView.vue b/ui/web/src/views/ChargingStationsView.vue
index 46f1c5d2..f76e40e6 100644
--- a/ui/web/src/views/ChargingStationsView.vue
+++ b/ui/web/src/views/ChargingStationsView.vue
@@ -356,8 +356,9 @@ const stopSimulator = (): void => {
 }
 
 #action {
+  min-width: max-content;
   color: ivory;
   background-color: black;
-  padding: 1%;
+  padding: 0.8%;
 }
 </style>
-- 
2.34.1