[Detection Engine] align optional label in rule about advanced settin…

…gs section (elastic#190929) ## Summary Addresses elastic#127860 .
TinaHeiligers · Sep 9, 2024 · 409972e · 409972e
1 parent dc808a4
commit 409972e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 20 deletions.
diff --git a/...rity_solution/public/detection_engine/rule_creation_ui/components/add_item_form/index.tsx b/...rity_solution/public/detection_engine/rule_creation_ui/components/add_item_form/index.tsx
@@ -32,14 +32,6 @@ interface AddItemProps {
   validate?: (args: unknown) => boolean;
 }
 
-const MyEuiFormRow = styled(EuiFormRow)`
-  .euiFormRow__labelWrapper {
-    .euiText {
-      padding-right: 32px;
-    }
-  }
-`;
-
 export const MyAddItemButton = styled(EuiButtonEmpty)`
   margin: 4px 0px;
   font-size: 12px;
@@ -130,7 +122,7 @@ export const AddItem = ({
 
   const values = field.value as string[];
   return (
-    <MyEuiFormRow
+    <EuiFormRow
       label={field.label}
       labelAppend={field.labelAppend}
       error={showValidation ? errorMessage : null}
@@ -180,6 +172,6 @@ export const AddItem = ({
           {addText}
         </MyAddItemButton>
       </>
-    </MyEuiFormRow>
+    </EuiFormRow>
   );
 };
diff --git a/...ins/security_solution/public/detection_engine/rule_creation_ui/components/mitre/index.tsx b/...ins/security_solution/public/detection_engine/rule_creation_ui/components/mitre/index.tsx
@@ -35,14 +35,6 @@ const MitreAttackContainer = styled.div`
   margin-top: 16px;
 `;
 
-const InitialMitreAttackFormRow = styled(EuiFormRow)`
-  .euiFormRow__labelWrapper {
-    .euiText {
-      padding-right: 32px;
-    }
-  }
-`;
-
 interface AddItemProps {
   field: FieldHook;
   dataTestSubj: string; // eslint-disable-line react/no-unused-prop-types
@@ -174,14 +166,14 @@ export const AddMitreAttackThreat = memo(({ field, idAria, isDisabled }: AddItem
       {values.map((threat, index) => (
         <div key={index}>
           {index === 0 ? (
-            <InitialMitreAttackFormRow
+            <EuiFormRow
               fullWidth
               label={`${field.label} ${i18n.THREATS}`}
               labelAppend={field.labelAppend}
               describedByIds={idAria ? [`${idAria} ${i18n.TACTIC}`] : undefined}
             >
               <>{getSelectTactic(threat, index, isDisabled)}</>
-            </InitialMitreAttackFormRow>
+            </EuiFormRow>
           ) : (
             <EuiFormRow
               fullWidth