From: Jérôme Benoit <jerome.benoit@sap.com>
Date: Sun, 3 Mar 2024 14:44:02 +0000 (+0100)
Subject: refactor(ui): refine action container styling
X-Git-Tag: v1.3.0~65
X-Git-Url: https://git.piment-noir.org/?a=commitdiff_plain;h=ef2b2d0395a57a5e94b2754262d91d831b11da52;p=e-mobility-charging-stations-simulator.git

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 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>