diff --git a/ui/admin/app/components/form/credential-store/static/index.hbs b/ui/admin/app/components/form/credential-store/static/index.hbs
index 2d44e3dd5..1dbeec0cb 100644
--- a/ui/admin/app/components/form/credential-store/static/index.hbs
+++ b/ui/admin/app/components/form/credential-store/static/index.hbs
@@ -70,14 +70,13 @@
{{else}}
{{t 'form.type.label'}}
- {{t
- (concat 'resources.credential-store.types.' @model.type)
- }}
+
+ {{t (concat 'resources.credential-store.help.' @model.type)}}
{{/if}}
diff --git a/ui/admin/app/components/form/credential-store/vault/index.hbs b/ui/admin/app/components/form/credential-store/vault/index.hbs
index ed6e1f16c..3bdf964bc 100644
--- a/ui/admin/app/components/form/credential-store/vault/index.hbs
+++ b/ui/admin/app/components/form/credential-store/vault/index.hbs
@@ -70,14 +70,13 @@
{{else}}
{{t 'form.type.label'}}
- {{t
- (concat 'resources.credential-store.types.' @model.type)
- }}
+
+ {{t (concat 'resources.credential-store.help.' @model.type)}}
{{/if}}
diff --git a/ui/admin/app/components/form/credential/json/index.hbs b/ui/admin/app/components/form/credential/json/index.hbs
index 42f83c0a0..f1f77c226 100644
--- a/ui/admin/app/components/form/credential/json/index.hbs
+++ b/ui/admin/app/components/form/credential/json/index.hbs
@@ -79,11 +79,11 @@
{{else}}
{{t 'form.type.label'}}
- {{t (concat 'resources.credential.types.' @model.type)}}
+ {{t (concat 'resources.credential.help.' @model.type)}}
diff --git a/ui/admin/app/components/form/credential/ssh_private_key/index.hbs b/ui/admin/app/components/form/credential/ssh_private_key/index.hbs
index 471893221..f59cd5f9e 100644
--- a/ui/admin/app/components/form/credential/ssh_private_key/index.hbs
+++ b/ui/admin/app/components/form/credential/ssh_private_key/index.hbs
@@ -63,11 +63,11 @@
{{else}}
{{t 'form.type.label'}}
- {{t (concat 'resources.credential.types.' @model.type)}}
+ {{t (concat 'resources.credential.help.' @model.type)}}
{{/if}}
diff --git a/ui/admin/app/components/form/credential/username_password/index.hbs b/ui/admin/app/components/form/credential/username_password/index.hbs
index 538b998aa..20a7dee8c 100644
--- a/ui/admin/app/components/form/credential/username_password/index.hbs
+++ b/ui/admin/app/components/form/credential/username_password/index.hbs
@@ -63,11 +63,11 @@
{{else}}
{{t 'form.type.label'}}
- {{t (concat 'resources.credential.types.' @model.type)}}
+ {{t (concat 'resources.credential.help.' @model.type)}}
{{/if}}
diff --git a/ui/admin/app/components/form/target/details/index.hbs b/ui/admin/app/components/form/target/details/index.hbs
index 5c4ed8237..fb6c93641 100644
--- a/ui/admin/app/components/form/target/details/index.hbs
+++ b/ui/admin/app/components/form/target/details/index.hbs
@@ -64,12 +64,12 @@
{{else}}
{{t 'form.type.label'}}
- {{t (concat 'resources.target.types.' @model.type)}}
+ {{t (concat 'resources.target.help.' @model.type)}}
{{/if}}
diff --git a/ui/admin/app/styles/app.scss b/ui/admin/app/styles/app.scss
index b9adb26ff..1a18169ac 100644
--- a/ui/admin/app/styles/app.scss
+++ b/ui/admin/app/styles/app.scss
@@ -458,7 +458,7 @@
.info-field {
.hds-form-field--layout-vertical {
- grid-template-areas: 'label' 'helper-text' 'text-input';
+ grid-template-areas: 'label' 'text-input' 'helper-text';
.hds-form-label {
font-size: sizing.rems(m);
@@ -466,26 +466,25 @@
line-height: sizing.rems(m) + sizing.rems(xxs);
}
- .hds-form-helper-text {
- color: var(--token-form-label-color);
- font-size: sizing.rems(m);
- grid-area: helper-text;
- }
-
.hds-form-text-input {
background-color: transparent;
border: 0;
grid-area: text-input;
- line-height: sizing.rems(m) + sizing.rems(xxs);
- margin-top: sizing.rems(xs);
+ font-size: sizing.rems(m);
padding: 0;
}
+
+ .hds-form-helper-text {
+ color: var(--token-form-label-color);
+ line-height: sizing.rems(m) + sizing.rems(xxs);
+ grid-area: helper-text;
+ }
}
&.has-icon {
.flight-icon {
position: absolute;
- transform: translatey(sizing.rems(xl) - sizing.rems(s));
+ transform: translatey(sizing.rems(xl) - sizing.rems(xs));
}
.hds-form-helper-text,
diff --git a/ui/admin/tests/integration/components/info-field-test.js b/ui/admin/tests/integration/components/info-field-test.js
index 691c9d04a..ba3a61b84 100644
--- a/ui/admin/tests/integration/components/info-field-test.js
+++ b/ui/admin/tests/integration/components/info-field-test.js
@@ -11,15 +11,15 @@ module('Integration | Component | info-field', function (hooks) {
await render(
hbs`
-
+
Type
- JSON
+ Description
`
);
assert.dom('.info-field').isVisible();
assert.dom('.info-field .hds-form-label').hasText('Type');
- assert.dom('.info-field .hds-form-helper-text').hasText('JSON');
+ assert.dom('.info-field .hds-form-helper-text').hasText('Description');
assert.dom('.info-field .hds-form-text-input').isVisible();
});
@@ -28,9 +28,9 @@ module('Integration | Component | info-field', function (hooks) {
await render(
hbs`
-
+
Type
- JSON
+ Description
`
);
@@ -38,7 +38,7 @@ module('Integration | Component | info-field', function (hooks) {
assert.dom('.info-field .hds-form-label').hasText('Type');
assert
.dom('.info-field .hds-form-helper-text:last-of-type')
- .hasText('JSON');
+ .hasText('Description');
assert.dom('[data-test-icon="apple"]').isVisible();
assert.dom('.info-field .hds-form-text-input').isVisible();
});