diff --git a/ghost/portal/src/components/pages/FeedbackPage.js b/ghost/portal/src/components/pages/FeedbackPage.js index 39b6281fd6..c1f7893bb6 100644 --- a/ghost/portal/src/components/pages/FeedbackPage.js +++ b/ghost/portal/src/components/pages/FeedbackPage.js @@ -2,7 +2,7 @@ import {useContext, useEffect, useState} from 'react'; import AppContext from '../../AppContext'; import {ReactComponent as ThumbDownIcon} from '../../images/icons/thumbs-down.svg'; import {ReactComponent as ThumbUpIcon} from '../../images/icons/thumbs-up.svg'; -import {ReactComponent as WarningIcon} from '../../images/icons/warning-fill.svg'; +import {ReactComponent as ThumbErrorIcon} from '../../images/icons/thumbs-error.svg'; import setupGhostApi from '../../utils/api'; import {HumanReadableError} from '../../utils/errors'; import ActionButton from '../common/ActionButton'; @@ -26,10 +26,11 @@ export const FeedbackPageStyles = ` .gh-portal-feedback .gh-feedback-icon.gh-feedback-icon-error { color: #f50b23; + width: 96px; } .gh-portal-feedback .gh-portal-text-center { - padding: 15px 0; + padding: 16px 32px 12px; } .gh-portal-confirm-title { @@ -97,6 +98,13 @@ export const FeedbackPageStyles = ` .gh-feedback-button svg path { stroke-width: 4px; } + + @media (max-width: 480px) { + .gh-portal-feedback .gh-portal-text-center { + padding-left: 8px; + padding-right: 8px; + } + } `; function ErrorPage({error}) { @@ -106,9 +114,9 @@ function ErrorPage({error}) {
{error}