From ef2b2d0395a57a5e94b2754262d91d831b11da52 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:44:02 +0100
Subject: [PATCH] refactor(ui): refine action container 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/App.vue                                    | 2 ++
 ui/web/src/components/actions/AddChargingStations.vue | 7 ++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/ui/web/src/App.vue b/ui/web/src/App.vue
index 25aa3a70..aee9c5d0 100644
--- a/ui/web/src/App.vue
+++ b/ui/web/src/App.vue
@@ -23,10 +23,12 @@ import Container from '@/components/Container.vue'
 }
 
 #action-container {
+  min-width: max-content;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  text-align: center;
   margin: 0.1%;
   padding: 0.1%;
   border: solid black;
diff --git a/ui/web/src/components/actions/AddChargingStations.vue b/ui/web/src/components/actions/AddChargingStations.vue
index f3450e1b..52d3fdb3 100644
--- a/ui/web/src/components/actions/AddChargingStations.vue
+++ b/ui/web/src/components/actions/AddChargingStations.vue
@@ -24,7 +24,7 @@
     placeholder="number of stations"
   />
   <p>Template options overrides:</p>
-  <ul>
+  <ul id="template-options">
     <li>
       Supervision url:
       <input
@@ -137,4 +137,9 @@ const $toast = useToast()
   width: 90%;
   text-align: left;
 }
+
+#template-options {
+  list-style: circle inside;
+  text-align: left;
+}
 </style>
-- 
2.34.1