chore: Updates Field selector (opensearch-project#1845)

Signed-off-by: Ashwin Pc <[email protected]>

src/plugins/wizard/public/application/components/data_tab/field_selector_field.scss

@@ -1,13 +1,24 @@
 .wizFieldSelectorField {
   @include euiBottomShadowSmall;
 
-  padding: $euiSizeXS;
   background-color: $euiColorEmptyShade;
   border: $euiBorderThin;
-  margin-top: $euiSizeS;
+  margin-top: $euiSizeXS;
+
+  & > .osdFieldButton__button {
+    padding: 0;
+  }
+
+  & .osdFieldButton__name {
+    padding: $euiSizeS $euiSizeS $euiSizeS 0;
+  }
 
   & > button {
-    align-items: center;
-    gap: 4px;
+    align-items: stretch;
+  }
+
+  & .osdFieldIcon {
+    box-shadow: none;
+    height: 100%;
   }
 }

src/plugins/wizard/public/application/components/data_tab/field_selector_field.tsx

@@ -79,12 +79,11 @@ export const FieldSelectorField = ({ field }: FieldSelectorFieldProps) => {
 
   return (
     <FieldButton
-      size="s"
       className="wizFieldSelectorField"
       isActive={infoIsOpen}
       onClick={togglePopover}
       dataTestSubj={`field-${field.name}-showDetails`}
-      fieldIcon={<FieldIcon type={field.type} scripted={field.scripted} />}
+      fieldIcon={<FieldIcon type={field.type} scripted={field.scripted} size="l" />}
       // fieldAction={actionButton}
       fieldName={fieldName}
       {...dragProps}