feat(secret): add css to make field widths consistent

src/components/Secrets/SecretTypeSelector.scss

@@ -0,0 +1,5 @@
+.secret-type-selector {
+  &__dropdown {
+    max-width: 750px;
+  }
+}

src/components/Secrets/SecretTypeSelector.tsx

@@ -3,6 +3,7 @@ import { useFormikContext } from 'formik';
 import { DropdownField } from '../../shared';
 import { DropdownItemObject } from '../../shared/components/dropdown/BasicDropdown';
 import { SecretFormValues, SecretTypeDropdownLabel } from '../../types';
+import './SecretTypeSelector.scss';
 
 type SecretTypeSelectorProps = {
   onChange: (type: string) => void;
@@ -32,6 +33,7 @@ const SecretTypeSelector: React.FC<React.PropsWithChildren<SecretTypeSelectorPro
     <DropdownField
       name="type"
       label="Secret type"
+      className="secret-type-selector__dropdown"
       data-testid="secret-type-selector"
       helpText="Tell us the secret type you want to add"
       items={dropdownItems}

src/components/Secrets/SecretsForm/ImagePullSecretForm.tsx

@@ -20,6 +20,7 @@ export const ImagePullSecretForm: React.FC<React.PropsWithChildren<unknown>> = (
           { key: 'uploadConfigFile', value: ImagePullSecretType.UploadConfigFile },
         ]}
         required
+        className="secret-type-subform__dropdown"
         validateOnChange
       />
       {type === ImagePullSecretType.ImageRegistryCreds ? (

src/components/Secrets/SecretsForm/SecretTypeSubForm.scss

@@ -0,0 +1,5 @@
+.secret-type-subform {
+  &__dropdown {
+    max-width: 750px;
+  }
+}

src/components/Secrets/SecretsForm/SecretTypeSubForm.tsx

@@ -14,6 +14,7 @@ import {
 import { ImagePullSecretForm } from './ImagePullSecretForm';
 import { KeyValueSecretForm } from './KeyValueSecretForm';
 import { SourceSecretForm } from './SourceSecretForm';
+import './SecretTypeSubForm.scss';
 
 const secretTypes = [
   {
@@ -119,6 +120,7 @@ export const SecretTypeSubForm: React.FC<React.PropsWithChildren<unknown>> = ()
           variant={SelectVariant.typeahead}
           options={options}
           isCreatable
+          className="secret-type-subform__dropdown"
           isInputValuePersisted
           hasOnCreateOption
           required

src/components/Secrets/SecretsForm/SourceSecretForm.tsx

@@ -19,6 +19,7 @@ export const SourceSecretForm: React.FC<React.PropsWithChildren<unknown>> = () =
           { key: 'ssh', value: SourceSecretType.ssh },
         ]}
         required
+        className="secret-type-subform__dropdown"
       />
       <InputField name="source.host" label="Host" helpText="Host for the secret" />
       <InputField name="source.repo" label="Repository" helpText="Repository for the secret" />