From: Jérôme Benoit <jerome.benoit@sap.com>
Date: Fri, 9 Feb 2024 19:54:17 +0000 (+0100)
Subject: refactor(ui): refine charging stations table caption style
X-Git-Tag: v1.2.36~21
X-Git-Url: https://git.piment-noir.org/?a=commitdiff_plain;h=7e649b037d3a7dee1f84eda8d59fa32e34760c67;p=e-mobility-charging-stations-simulator.git

refactor(ui): refine charging stations table caption style

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

diff --git a/ui/web/src/components/charging-stations/CSTable.vue b/ui/web/src/components/charging-stations/CSTable.vue
index 6fcf7468..3b500b40 100644
--- a/ui/web/src/components/charging-stations/CSTable.vue
+++ b/ui/web/src/components/charging-stations/CSTable.vue
@@ -1,6 +1,6 @@
 <template>
   <table id="cs-table">
-    <caption>
+    <caption id="cs-table__caption">
       Charging stations
     </caption>
     <thead id="cs-table__head">
@@ -65,6 +65,12 @@ const props = defineProps<{
   overflow: visible overlay;
 }
 
+#cs-table__caption {
+  font-size: 1.5rem;
+  font-weight: bold;
+  padding: 0.5rem;
+}
+
 .cs-table__row {
   height: fit-content;
   width: 100%;