refactor(ui): refine action container styling

Signed-off-by: Jérôme Benoit <jerome.benoit@sap.com>

diff --git a/ui/web/src/App.vue b/ui/web/src/App.vue
index 25aa3a702283cc8dab16bf129ae69098ce3468dc..aee9c5d0ef3a2aca9cbc412da5e359668236eadd 100644 (file)
--- 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 f3450e1b0d307cfe1f6ad7c0d82e91644e32bace..52d3fdb38fb155a00cfe2698ae091aaac4cda38a 100644 (file)
--- 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>