fix large button on small screens

2018-11-06 14:33:31 +01:00
parent eb9d802146
commit 6b8f8580d8
1 changed files with 10 additions and 3 deletions
--- a/packages/dev-tools-pages/ts/components/Button.tsx
+++ b/packages/dev-tools-pages/ts/components/Button.tsx
@@ -40,11 +40,18 @@ const Button =
    background-color: ${props => props.colors.secondary_alt};
    outline: 0;
  } 
-
+  
  ${media.small`
-    font-size: .875rem;
-    padding: .5625rem 1.25rem;
+  font-size: .875rem;
+  padding: .5625rem 1.25rem;
  `}
+
+    ${props =>
+        props.large &&
+        media.small`
+        font-size: 1rem;
+        padding: 1rem 1.5rem .75rem;
+    `}
 `;

 export default withContext(Button);