ui update

animehart · animehart · commit 5aaeffe680d5 · 2024-01-24T04:23:11.000-08:00
diff --git a/x-pack/plugins/cloud_security_posture/public/pages/rules/rules_table.tsx b/x-pack/plugins/cloud_security_posture/public/pages/rules/rules_table.tsx
@@ -5,7 +5,6 @@
  * 2.0.
  */
 import React, { useEffect, useMemo, useState } from 'react';
-import { css } from '@emotion/react';
 import {
   Criteria,
   EuiButtonEmpty,
@@ -222,7 +221,7 @@ const getColumns = ({
     name: i18n.translate('xpack.csp.rules.rulesTable.ruleNumberColumnLabel', {
       defaultMessage: 'Rule Number',
     }),
-    width: '15%',
+    width: '100px',
     sortable: true,
   },
   {
@@ -258,7 +257,8 @@ const getColumns = ({
     name: i18n.translate('xpack.csp.rules.rulesTable.mutedColumnLabel', {
       defaultMessage: 'Enabled',
     }),
-    width: '65px',
+    align: 'right',
+    width: '100px',
     truncateText: true,
     render: (name, rule: CspBenchmarkRulesWithStates) => {
       const rulesObjectRequest = {
@@ -287,9 +287,6 @@ const getColumns = ({
               data-test-subj={RULES_ROWS_ENABLE_SWITCH_BUTTON}
               label=""
               compressed={true}
-              css={css`
-                padding-left: 18px;
-              `}
             />
           </EuiFlexItem>
         </EuiFlexGroup>
