diff --git a/.storybook/locale.ts b/.storybook/locale.ts index ce036d07f509..84e8418a8e95 100644 --- a/.storybook/locale.ts +++ b/.storybook/locale.ts @@ -65,6 +65,7 @@ const locale: Record = { deposit: 'Deposit', deposits: 'Deposits', description: 'Description', + details: 'Details', disabledPanelOff: 'Off', disabledPanelSettings: 'Settings.', disabledPanelPrivateText: 'Brave Rewards is not available while in a Private Window.', diff --git a/browser/ui/webui/brave_webui_source.cc b/browser/ui/webui/brave_webui_source.cc index f569bc59af47..d26826765aa4 100644 --- a/browser/ui/webui/brave_webui_source.cc +++ b/browser/ui/webui/brave_webui_source.cc @@ -359,6 +359,7 @@ void CustomizeWebUIHTMLSource(const std::string &name, { "deposit", IDS_BRAVE_UI_DEPOSIT }, { "deposits", IDS_BRAVE_UI_DEPOSITS }, { "description", IDS_BRAVE_UI_DESCRIPTION }, + { "details", IDS_BRAVE_UI_DETAILS }, { "disabledPanelOff", IDS_BRAVE_UI_DISABLED_PANEL_OFF }, { "disabledPanelSettings", IDS_BRAVE_UI_DISABLED_PANEL_SETTINGS }, { "disabledPanelText", IDS_BRAVE_UI_DISABLED_PANEL_TEXT }, diff --git a/components/brave_rewards/resources/extension/brave_rewards/background/api/locale_api.ts b/components/brave_rewards/resources/extension/brave_rewards/background/api/locale_api.ts index 15318df73282..e966dd870668 100644 --- a/components/brave_rewards/resources/extension/brave_rewards/background/api/locale_api.ts +++ b/components/brave_rewards/resources/extension/brave_rewards/background/api/locale_api.ts @@ -42,6 +42,7 @@ export const getUIMessages = (): Record => { 'claim', 'contributionTips', 'connectedText', + 'details', 'disabledPanelTextTwo', 'donateMonthly', 'donateNow', diff --git a/components/brave_rewards/resources/ui/components/disabledContent/style.ts b/components/brave_rewards/resources/ui/components/disabledContent/style.ts index af2139a1380f..328b8cdd2e0c 100644 --- a/components/brave_rewards/resources/ui/components/disabledContent/style.ts +++ b/components/brave_rewards/resources/ui/components/disabledContent/style.ts @@ -19,6 +19,7 @@ export const StyledTwoColumn = styled<{}, 'div'>('div')` ` export const StyledIcon = styled<{}, 'div'>('div')` - width: 180px; + max-width: 50px; padding: 4px; + margin-right: 20px; ` diff --git a/components/brave_rewards/resources/ui/components/walletWrapper/index.tsx b/components/brave_rewards/resources/ui/components/walletWrapper/index.tsx index c1abf9c80775..e6c675d1d909 100644 --- a/components/brave_rewards/resources/ui/components/walletWrapper/index.tsx +++ b/components/brave_rewards/resources/ui/components/walletWrapper/index.tsx @@ -24,6 +24,7 @@ import { StyledAlertWrapper, StyledAlertClose, StyleGrantButton, + GrantButton, StyledActionText, StyledBAT, StyledNotificationIcon, @@ -671,8 +672,8 @@ export default class WalletWrapper extends React.PureComponent { { hasGrants ? -