Tightens up spacing in grant captcha panel

Fixes brave/brave-browser#6879
brave · Nov 15, 2019 · b25099c · b25099c
1 parent b3e906f
commit b25099c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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;
 `