Refactor EuiDescriptionList column width styles

caraml-dev · Jul 15, 2024 · 6a9fd26 · 6a9fd26
1 parent 1882d71
commit 6a9fd26
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 5 deletions.
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
@@ -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/...c/jobs/details/config/source_config_section/bq_config_section/BigQueryDatasetSection.scss b/...c/jobs/details/config/source_config_section/bq_config_section/BigQueryDatasetSection.scss
@@ -6,4 +6,5 @@
 
 .euiBadgeGroup---insideDescriptionList {
   padding: 4px 0;
+  margin-left: -8px;
 }
diff --git a/...onfiguration/components/experiment_config_section/credentials/CredentialsConfigSection.js b/...onfiguration/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/...figuration/components/experiment_config_section/credentials/CredentialsConfigSection.scss b/...figuration/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/...ts/configuration/components/experiment_config_section/variables/VariablesConfigTable.scss b/...ts/configuration/components/experiment_config_section/variables/VariablesConfigTable.scss
@@ -0,0 +1,5 @@
+.euiPanel--configSection.variables {
+  .euiDescriptionList {
+    margin-left: 10px;
+  }
+}