From b002bbab128f876af40ac81686a771e39e3021fd Mon Sep 17 00:00:00 2001
From: =?utf8?q?J=C3=A9r=C3=B4me=20Benoit?= <jerome.benoit@sap.com>
Date: Sat, 17 Feb 2024 15:37:04 +0100
Subject: [PATCH] refactor(ui): refine tables CSS
MIME-Version: 1.0
Content-Type: text/plain; charset=utf8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jérôme Benoit <jerome.benoit@sap.com>
---
 ui/web/src/components/charging-stations/CSData.vue  | 12 ++++++------
 ui/web/src/components/charging-stations/CSTable.vue | 11 +++++------
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/ui/web/src/components/charging-stations/CSData.vue b/ui/web/src/components/charging-stations/CSData.vue
index b11ad0fe..44aed709 100644
--- a/ui/web/src/components/charging-stations/CSData.vue
+++ b/ui/web/src/components/charging-stations/CSData.vue
@@ -162,14 +162,13 @@ function deleteChargingStation(): void {
 <style>
 #connectors-table {
   display: flex;
-  background-color: white;
   flex-direction: column;
+  background-color: white;
   overflow: auto hidden;
   border-collapse: collapse;
   empty-cells: show;
 }
 
-#connectors-table__head,
 #connectors-table__body {
   display: flex;
   flex-direction: column;
@@ -177,18 +176,19 @@ function deleteChargingStation(): void {
 
 .connectors-table__row {
   display: flex;
+  flex-direction: row;
   justify-content: center;
   align-items: center;
 }
 
-#connectors-table__head .connectors-table__row {
-  background-color: lightgrey;
-}
-
 .connectors-table__row:nth-of-type(even) {
   background-color: whitesmoke;
 }
 
+#connectors-table__head .connectors-table__row {
+  background-color: lightgrey;
+}
+
 .connectors-table__column {
   width: calc(100% / 5);
   text-align: center;
diff --git a/ui/web/src/components/charging-stations/CSTable.vue b/ui/web/src/components/charging-stations/CSTable.vue
index 3d9efbbf..05a8255f 100644
--- a/ui/web/src/components/charging-stations/CSTable.vue
+++ b/ui/web/src/components/charging-stations/CSTable.vue
@@ -51,7 +51,6 @@ const props = defineProps<{
   empty-cells: show;
 }
 
-#cs-table__head,
 #cs-table__body {
   height: fit-content;
   width: 100%;
@@ -71,14 +70,11 @@ 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;
-}
-
 .cs-table__row:nth-of-type(even) {
   background-color: whitesmoke;
 }
@@ -89,9 +85,12 @@ const props = defineProps<{
   text-align: center;
 }
 
+#cs-table__head .cs-table__row {
+  background-color: lightgrey;
+}
+
 .cs-table__connectors-column {
   height: fit-content;
   width: 35%;
-  text-align: center;
 }
 </style>
-- 
2.34.1