tweaks on rewards

- header top padding - darker description - toggle
brave · Oct 24, 2018 · f383051 · f383051
1 parent 787c53d
commit f383051
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/formControls/toggle/style.ts b/src/components/formControls/toggle/style.ts
@@ -46,7 +46,7 @@ export const StyleToggle = styled<Props, 'div'>('div')`
   position: relative;
   display: block;
   height: ${(p) => p.size === 'small' ? '16px' : '24px'};
-  width: ${(p) => p.size === 'small' ? '28px' : '40px'};
+  width: ${(p) => p.size === 'small' ? '28px' : '36px'};
 
   ${(p) => p.disabled
     ? css`
@@ -61,7 +61,7 @@ export const StyledSlider = styled<Props, 'div'>('div')`
   height: ${(p) => p.size === 'small' ? '6px' : '8px'};
   margin-top: ${(p) => p.size === 'small' ? '5px' : '8px'};
   width: 100%;
-  border-radius: 3px;
+  border-radius: 4px;
 `
 
 export const StyledBullet = styled<Props, 'div'>('div')`

diff --git a/src/features/rewards/box/style.ts b/src/features/rewards/box/style.ts
@@ -71,7 +71,7 @@ export const StyledDescription = styled<{}, 'div'>('div')`
   font-size: 14px;
   line-height: 1.29;
   letter-spacing: normal;
-  color: #a4aeb8;
+  color: #838391;
 `
 
 export const StyledSettingsIcon = styled<StyleProps, 'button'>('button')`

diff --git a/src/features/rewards/mainToggle/style.ts b/src/features/rewards/mainToggle/style.ts
@@ -16,7 +16,7 @@ export const StyledWrapper = styled<{}, 'div'>('div')`
   align-items: flex-start;
   align-content: flex-start;
   flex-wrap: wrap;
-  padding: 22px 34px 18px;
+  padding: 10px 34px 18px;
   margin-bottom: 25px;
 `