From 7d6e933a4e48d19fe95e36ba7c379aba3e2a959e Mon Sep 17 00:00:00 2001
From: Francisco Hodge <hello@franciscohodge.com>
Date: Sun, 23 Sep 2018 23:32:53 -0400
Subject: [PATCH] Update Keyboard Size

---
 src/demo/css/App.css                | 4 ++--
 src/demo/css/MultipleInputsDemo.css | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/demo/css/App.css b/src/demo/css/App.css
index 11382355..5f046b81 100644
--- a/src/demo/css/App.css
+++ b/src/demo/css/App.css
@@ -1,6 +1,6 @@
 #root {
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
-  max-width: 1000px;
+  max-width: 850px;
   margin: 0 auto;
   padding-top: 20px;
 }
@@ -8,7 +8,7 @@
 #root .simple-keyboard-preview {
   background: rgba(0,0,0,0.8);
   border: 20px solid rgba(0,0,0,0.1);
-  height: 300px;
+  height: 260px;
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
   padding: 10px;
diff --git a/src/demo/css/MultipleInputsDemo.css b/src/demo/css/MultipleInputsDemo.css
index d8ca0fdd..37666768 100644
--- a/src/demo/css/MultipleInputsDemo.css
+++ b/src/demo/css/MultipleInputsDemo.css
@@ -1,6 +1,6 @@
 #root {
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
-  max-width: 1000px;
+  max-width: 850px;
   margin: 0 auto;
   padding-top: 20px;
 }
@@ -33,6 +33,8 @@
 input {
   padding: 10px;
   margin: 10px 0;
+  width: 100%;
+  box-sizing: border-box;
 }
 
 label {