X-Git-Url: https://git.piment-noir.org/?a=blobdiff_plain;f=ui%2Fweb%2Fsrc%2Fcomponents%2Fcharging-stations%2FCSTable.vue;h=49d576e51d0bb510b52c0741b87e165e9872cf95;hb=6dba76a51714e00deefea659141f7119d7f5263f;hp=3d9efbbf2471cb1239f3e64c51262923f8d45021;hpb=9dc8b66f4d1fa4e298e260a33f08debb69b1d944;p=e-mobility-charging-stations-simulator.git
diff --git a/ui/web/src/components/charging-stations/CSTable.vue b/ui/web/src/components/charging-stations/CSTable.vue
index 3d9efbbf..49d576e5 100644
--- a/ui/web/src/components/charging-stations/CSTable.vue
+++ b/ui/web/src/components/charging-stations/CSTable.vue
@@ -20,22 +20,21 @@
@@ -51,7 +50,6 @@ const props = defineProps<{
empty-cells: show;
}
-#cs-table__head,
#cs-table__body {
height: fit-content;
width: 100%;
@@ -71,12 +69,10 @@ const props = defineProps<{
height: fit-content;
width: 100%;
display: flex;
+ flex-direction: row;
justify-content: center;
align-items: center;
-}
-
-#cs-table__head .cs-table__row {
- background-color: lightgrey;
+ border: solid 0.5px black;
}
.cs-table__row:nth-of-type(even) {
@@ -85,13 +81,16 @@ const props = defineProps<{
.cs-table__column {
height: fit-content;
- width: calc(65% / 10);
+ width: calc(60% / 10);
text-align: center;
}
+#cs-table__head .cs-table__row {
+ background-color: lightgrey;
+}
+
.cs-table__connectors-column {
height: fit-content;
- width: 35%;
- text-align: center;
+ width: 40%;
}