From b25099c5241b1992837cb2bf1362ad706a8622d4 Mon Sep 17 00:00:00 2001 From: ryanml Date: Thu, 14 Nov 2019 12:12:02 -0700 Subject: [PATCH] Tightens up spacing in grant captcha panel Fixes brave/brave-browser#6879 --- .../resources/ui/components/grantCaptcha/style.ts | 2 +- .../resources/ui/components/grantWrapper/style.ts | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/components/brave_rewards/resources/ui/components/grantCaptcha/style.ts b/components/brave_rewards/resources/ui/components/grantCaptcha/style.ts index e5cb42ddce77..61a2b2f8fca7 100644 --- a/components/brave_rewards/resources/ui/components/grantCaptcha/style.ts +++ b/components/brave_rewards/resources/ui/components/grantCaptcha/style.ts @@ -6,7 +6,7 @@ import styled from 'styled-components' export const StyledWrapper = styled<{}, 'div'>('div')` text-align: center; - margin: 15px 0 0 -32px; + margin: 10px 0 0 -32px; width: 333px; ` diff --git a/components/brave_rewards/resources/ui/components/grantWrapper/style.ts b/components/brave_rewards/resources/ui/components/grantWrapper/style.ts index e1b992afe2d7..9449975a66d4 100644 --- a/components/brave_rewards/resources/ui/components/grantWrapper/style.ts +++ b/components/brave_rewards/resources/ui/components/grantWrapper/style.ts @@ -81,13 +81,13 @@ export const StyledText = styled<{}, 'div'>('div')` export const StyledGrantIcon = styled<{}, 'img'>('img')` height: 53px; width: 53px; - margin: 25px auto 15px; + margin: 20px auto 10px; ` export const StyledPanelText = styled<{}, 'div'>('div')` padding: 7px; font-size: 12px; - margin: 7px auto 0px; + margin: 5px auto 0px; background: rgba(241, 241, 245, 0.70); border-radius: 8px 8px 8px 8px; `