From 6b8f8580d841ec8525def8951ceb94d1147e74aa Mon Sep 17 00:00:00 2001
From: August Skare <post@augustskare.no>
Date: Tue, 6 Nov 2018 14:33:31 +0100
Subject: fix large button on small screens

---
 packages/dev-tools-pages/ts/components/Button.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

(limited to 'packages')

diff --git a/packages/dev-tools-pages/ts/components/Button.tsx b/packages/dev-tools-pages/ts/components/Button.tsx
index 95f2c6d75..2a968af28 100644
--- 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);
-- 
cgit v1.2.3