From fd3f8669f9f36df7ee4d2b987627ae3ad4226fa6 Mon Sep 17 00:00:00 2001
From: ewezy <ziyi.ewe@gojek.com>
Date: Mon, 15 Jul 2024 17:06:26 +0800
Subject: [PATCH] Refactor EuiDescriptionList column width styles

---
 .../resource_request_table/ResourceRequestConfigTable.js     | 4 ++--
 .../bq_config_section/BigQueryDatasetSection.js              | 2 +-
 .../credentials/CredentialsConfigSection.js                  | 1 +
 .../credentials/CredentialsConfigSection.scss                | 4 ----
 .../variables/VariablesConfigTable.scss                      | 5 +++++
 5 files changed, 9 insertions(+), 7 deletions(-)
 create mode 100644 ui/src/router/components/configuration/components/experiment_config_section/variables/VariablesConfigTable.scss

diff --git a/ui/src/jobs/details/config/configuration_section/resource_request_table/ResourceRequestConfigTable.js b/ui/src/jobs/details/config/configuration_section/resource_request_table/ResourceRequestConfigTable.js
index 7101580a2..755e22466 100644
--- a/ui/src/jobs/details/config/configuration_section/resource_request_table/ResourceRequestConfigTable.js
+++ b/ui/src/jobs/details/config/configuration_section/resource_request_table/ResourceRequestConfigTable.js
@@ -56,7 +56,7 @@ export const ResourceRequestConfigTable = ({
           textStyle="reverse"
           type="responsiveColumn"
           listItems={driver_items}
-          columnWidths={[1, 7/3]}
+          columnWidths={[1, 1]}
         />
       </EuiFlexItem>
 
@@ -75,7 +75,7 @@ export const ResourceRequestConfigTable = ({
           textStyle="reverse"
           type="responsiveColumn"
           listItems={executor_items}
-          columnWidths={[1, 7/3]}
+          columnWidths={[1, 1]}
         />
       </EuiFlexItem>
     </EuiFlexGroup>
diff --git a/ui/src/jobs/details/config/source_config_section/bq_config_section/BigQueryDatasetSection.js b/ui/src/jobs/details/config/source_config_section/bq_config_section/BigQueryDatasetSection.js
index 97ffd4ad8..e92eab04f 100644
--- a/ui/src/jobs/details/config/source_config_section/bq_config_section/BigQueryDatasetSection.js
+++ b/ui/src/jobs/details/config/source_config_section/bq_config_section/BigQueryDatasetSection.js
@@ -63,7 +63,7 @@ const BigQueryDatasetTableConfigGroup = ({ table, features, options }) => {
           textStyle="reverse"
           type="responsiveColumn"
           listItems={items}
-          columnWidths={[1, 5]}
+          columnWidths={["160px", "auto"]}
         />
       </EuiFlexItem>
 
diff --git a/ui/src/router/components/configuration/components/experiment_config_section/credentials/CredentialsConfigSection.js b/ui/src/router/components/configuration/components/experiment_config_section/credentials/CredentialsConfigSection.js
index cbcd62ab5..09147083b 100644
--- a/ui/src/router/components/configuration/components/experiment_config_section/credentials/CredentialsConfigSection.js
+++ b/ui/src/router/components/configuration/components/experiment_config_section/credentials/CredentialsConfigSection.js
@@ -41,6 +41,7 @@ export const CredentialsConfigSection = ({
       <EuiDescriptionList
         textStyle="reverse"
         type="responsiveColumn"
+        columnWidths={["70px", "auto"]}
         compressed>
         <EuiDescriptionListTitle>Client</EuiDescriptionListTitle>
         <EuiDescriptionListDescription title={username}>
diff --git a/ui/src/router/components/configuration/components/experiment_config_section/credentials/CredentialsConfigSection.scss b/ui/src/router/components/configuration/components/experiment_config_section/credentials/CredentialsConfigSection.scss
index cbf516f7c..05322b509 100644
--- a/ui/src/router/components/configuration/components/experiment_config_section/credentials/CredentialsConfigSection.scss
+++ b/ui/src/router/components/configuration/components/experiment_config_section/credentials/CredentialsConfigSection.scss
@@ -1,9 +1,5 @@
 .euiPanel--configSection.experimentCredentials {
   .euiDescriptionList {
     margin-left: 10px;
-
-    .euiDescriptionList__title {
-      width: 70px;
-    }
   }
 }
diff --git a/ui/src/router/components/configuration/components/experiment_config_section/variables/VariablesConfigTable.scss b/ui/src/router/components/configuration/components/experiment_config_section/variables/VariablesConfigTable.scss
new file mode 100644
index 000000000..1bfca2abe
--- /dev/null
+++ b/ui/src/router/components/configuration/components/experiment_config_section/variables/VariablesConfigTable.scss
@@ -0,0 +1,5 @@
+.euiPanel--configSection.variables {
+  .euiDescriptionList {
+    margin-left: 10px;
+  }
+}
\ No newline at end of file