refactor(ui): refine charging stations table caption style

[e-mobility-charging-stations-simulator.git] / ui / web / src / components / charging-stations / CSTable.vue

diff --git a/ui/web/src/components/charging-stations/CSTable.vue b/ui/web/src/components/charging-stations/CSTable.vue
index 6fcf74683384943a8370ad6767adec8ca196ebc4..3b500b405357efb1013e1b342f1a9bc7b7789759 100644 (file)
--- 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%;