improve styling of auth method select box

Author: jankuca

src/webviews/webview-side/integrations/SnowflakeForm.tsx

@@ -114,21 +114,18 @@ export const SnowflakeForm: React.FC<ISnowflakeFormProps> = ({
                 <label htmlFor="authMethod">
                     {getLocString('integrationsSnowflakeAuthMethodLabel', 'Authentication')}
                 </label>
-                <div className="form-subgroup">
-                    <label>{getLocString('integrationsSnowflakeAuthMethodSubLabel', 'Method')}</label>
-                    <select
-                        id="authMethod"
-                        value={authMethod}
-                        onChange={(e) => setAuthMethod(e.target.value as SnowflakeAuthMethod)}
-                    >
-                        <option value="username_password">
-                            {getLocString('integrationsSnowflakeAuthMethodUsernamePassword', 'Username & password')}
-                        </option>
-                        <option value="key_pair">
-                            {getLocString('integrationsSnowflakeAuthMethodKeyPair', 'Key-pair (service account)')}
-                        </option>
-                    </select>
-                </div>
+                <select
+                    id="authMethod"
+                    value={authMethod}
+                    onChange={(e) => setAuthMethod(e.target.value as SnowflakeAuthMethod)}
+                >
+                    <option value="username_password">
+                        {getLocString('integrationsSnowflakeAuthMethodUsernamePassword', 'Username & password')}
+                    </option>
+                    <option value="key_pair">
+                        {getLocString('integrationsSnowflakeAuthMethodKeyPair', 'Key-pair (service account)')}
+                    </option>
+                </select>
             </div>
 
             {authMethod === 'username_password' ? (

src/webviews/webview-side/integrations/integrations.css

@@ -203,7 +203,8 @@ form {
 .form-group input[type='text'],
 .form-group input[type='password'],
 .form-group input[type='number'],
-.form-group textarea {
+.form-group textarea,
+.form-group select {
     padding: 6px 8px;
     background-color: var(--vscode-input-background);
     color: var(--vscode-input-foreground);
@@ -214,7 +215,8 @@ form {
 }
 
 .form-group input:focus,
-.form-group textarea:focus {
+.form-group textarea:focus,
+.form-group select:focus {
     outline: 1px solid var(--vscode-focusBorder);
     border-color: var(--vscode-focusBorder);
 }