diff --git a/app/components/support/crate-report-form.hbs b/app/components/support/crate-report-form.hbs
index 499579d5762..363595e333d 100644
--- a/app/components/support/crate-report-form.hbs
+++ b/app/components/support/crate-report-form.hbs
@@ -83,7 +83,7 @@
local-class="report-button"
data-test-id="report-button"
>
- Report
+ Report to help@crates.io
\ No newline at end of file
diff --git a/app/components/support/crate-report-form.module.css b/app/components/support/crate-report-form.module.css
index 033d36ef7ca..118c2406759 100644
--- a/app/components/support/crate-report-form.module.css
+++ b/app/components/support/crate-report-form.module.css
@@ -67,10 +67,10 @@
composes: button;
composes: button small from '../../styles/shared/buttons.module.css';
border-radius: var(--space-3xs);
-}
+ font-weight: normal;
-.cancel-button {
- composes: button;
- composes: tan-button small from '../../styles/shared/buttons.module.css';
- border-radius: var(--space-3xs);
+ strong {
+ margin-left: var(--space-3xs);
+ font-weight: 500;
+ }
}
diff --git a/app/styles/support.module.css b/app/styles/support.module.css
index 36c459242ec..7edb7eb3b09 100644
--- a/app/styles/support.module.css
+++ b/app/styles/support.module.css
@@ -12,4 +12,9 @@
padding: var(--space-xs) var(--space-s);
height: inherit;
min-height: var(--space-2xl);
+
+ strong {
+ margin-left: var(--space-3xs);
+ font-weight: 500;
+ }
}
diff --git a/app/templates/support.hbs b/app/templates/support.hbs
index 231315f5597..38876a901c2 100644
--- a/app/templates/support.hbs
+++ b/app/templates/support.hbs
@@ -29,7 +29,7 @@
data-test-id="link-email-support"
local-class="link"
>
- For all other cases
+ For all other cases: help@crates.io
diff --git a/e2e/acceptance/support.spec.ts b/e2e/acceptance/support.spec.ts
index 2259f75b572..fcbcec746c3 100644
--- a/e2e/acceptance/support.spec.ts
+++ b/e2e/acceptance/support.spec.ts
@@ -10,7 +10,7 @@ test.describe('Acceptance | support page', { tag: '@acceptance' }, () => {
const inquireList = page.getByTestId('inquire-list');
await expect(inquireList).toBeVisible();
await expect(inquireList.locator(page.getByRole('listitem'))).toHaveText(
- ['Report a crate that violates policies'].concat(['For all other cases']),
+ ['Report a crate that violates policies'].concat(['For all other cases: help@crates.io']),
);
await percy.snapshot();
@@ -26,7 +26,7 @@ test.describe('Acceptance | support page', { tag: '@acceptance' }, () => {
const inquireList = page.getByTestId('inquire-list');
await expect(inquireList).toBeVisible();
await expect(inquireList.locator(page.getByRole('listitem'))).toHaveText(
- ['Report a crate that violates policies'].concat(['For all other cases']),
+ ['Report a crate that violates policies'].concat(['For all other cases: help@crates.io']),
);
});
@@ -57,7 +57,7 @@ test.describe('Acceptance | support page', { tag: '@acceptance' }, () => {
await expect(page.getByTestId('fieldset-crate')).toBeVisible();
await expect(page.getByTestId('fieldset-reasons')).toBeVisible();
await expect(page.getByTestId('fieldset-detail')).toBeVisible();
- await expect(page.getByTestId('report-button')).toHaveText('Report');
+ await expect(page.getByTestId('report-button')).toHaveText('Report to help@crates.io');
await percy.snapshot();
await a11y.audit();
diff --git a/tests/acceptance/support-test.js b/tests/acceptance/support-test.js
index 54802d91cd5..9b8c9491765 100644
--- a/tests/acceptance/support-test.js
+++ b/tests/acceptance/support-test.js
@@ -24,7 +24,7 @@ module('Acceptance | support', function (hooks) {
const listitem = findAll('[data-test-id="inquire-list"] li');
assert.deepEqual(
listitem.map(item => item.textContent.trim()),
- ['Report a crate that violates policies'].concat(['For all other cases']),
+ ['Report a crate that violates policies'].concat(['For all other cases: help@crates.io']),
);
await percySnapshot(assert);
@@ -41,7 +41,7 @@ module('Acceptance | support', function (hooks) {
const listitem = findAll('[data-test-id="inquire-list"] li');
assert.deepEqual(
listitem.map(item => item.textContent.trim()),
- ['Report a crate that violates policies'].concat(['For all other cases']),
+ ['Report a crate that violates policies'].concat(['For all other cases: help@crates.io']),
);
});
@@ -71,7 +71,7 @@ module('Acceptance | support', function (hooks) {
assert.dom('[data-test-id="fieldset-crate"]').exists();
assert.dom('[data-test-id="fieldset-reasons"]').exists();
assert.dom('[data-test-id="fieldset-detail"]').exists();
- assert.dom('[data-test-id="report-button"]').hasText('Report');
+ assert.dom('[data-test-id="report-button"]').hasText('Report to help@crates.io');
await percySnapshot(assert);
await a11yAudit(axeConfig);