diff --git a/media/contentCreator/createAnsibleCollectionPageStyle.css b/media/contentCreator/createAnsibleCollectionPageStyle.css index 0a84d85bb..9a05d4717 100644 --- a/media/contentCreator/createAnsibleCollectionPageStyle.css +++ b/media/contentCreator/createAnsibleCollectionPageStyle.css @@ -3,22 +3,28 @@ .container { display: flex; flex-direction: column; + font-size: 1em; } .element { margin-bottom: 14px; } -vscode-text-field { - margin-top: 6px; +vscode-textfield { margin-bottom: 6px; + width: 100%; } -vscode-text-area { +vscode-textarea { margin-top: 6px; margin-bottom: 6px; } +vscode-form-group { + width: 100%; + margin: 0; +} + .checkbox-div { display: flex; /* Use flexbox */ flex-direction: column; /* Arrange child elements vertically */ @@ -59,7 +65,7 @@ vscode-checkbox i { font-size: small; } -vscode-dropdown { +vscode-single-select { width: 200px; } @@ -87,6 +93,7 @@ vscode-dropdown { #log-to-file-options-div { display: none; + width: 100%; flex-direction: column; border-style: dotted; border-color: var(--focus-border);; diff --git a/package.json b/package.json index 82564759e..d3ac78a9f 100644 --- a/package.json +++ b/package.json @@ -923,6 +923,7 @@ "@redhat-developer/vscode-redhat-telemetry": "^0.9.1", "@shikijs/core": "^1.26.1", "@types/ini": "^4.1.1", + "@vscode-elements/elements": "^1.9.1", "@vscode/webview-ui-toolkit": "^1.4.0", "axios": "^1.7.9", "ini": "^5.0.0", diff --git a/src/features/contentCreator/createAnsibleCollectionPage.ts b/src/features/contentCreator/createAnsibleCollectionPage.ts index b512e7a17..8ed5fae53 100644 --- a/src/features/contentCreator/createAnsibleCollectionPage.ts +++ b/src/features/contentCreator/createAnsibleCollectionPage.ts @@ -113,11 +113,11 @@ export class CreateAnsibleCollection {
- - + +