From 7255dc28ebd4e3a332740fe8d55a1372defd2c67 Mon Sep 17 00:00:00 2001
From: Dennis Eichhorn <spl1nes.com@googlemail.com>
Date: Tue, 3 Oct 2017 17:33:45 +0200
Subject: [PATCH] Fix #9

---
 form.scss  | 4 ----
 input.scss | 4 ++++
 styles.css | 8 +++++---
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/form.scss b/form.scss
index ba5eed2..7c4ab62 100644
--- a/form.scss
+++ b/form.scss
@@ -33,10 +33,6 @@ form {
         background: #bebebe;
     }
 
-    table.layout {
-        table-layout: fixed;
-    }
-    
     .layout td+td {
         padding-left: 5px;
     }
diff --git a/input.scss b/input.scss
index 12bb592..d0843a5 100644
--- a/input.scss
+++ b/input.scss
@@ -21,11 +21,13 @@ input[type="email"],
 input[type="date"],
 input[type="number"],
 input[type="datetime-local"] {
+    box-sizing: border-box;
     color: #454545;
     background: #fff;
     width: 100%;
     height: 2rem;
     min-width: 70px;
+    max-width: 100%;
     padding: 7px;
     font-size: 0.9rem;
     border: solid 1px #dcdcdc;
@@ -49,8 +51,10 @@ option {
 input[type="file"] {
     border: solid 1px #dcdcdc;
     width: 100%;
+    max-width: 100%;
     color: #454545;
     padding: 10px;
+    box-sizing: border-box;
 }
 
 input[placeholder], textarea {
diff --git a/styles.css b/styles.css
index 7cf00d4..7728be7 100644
--- a/styles.css
+++ b/styles.css
@@ -3487,8 +3487,6 @@ form .inputPrefix {
   line-height: 2em;
   height: 100%;
   background: #bebebe; }
-form table.layout {
-  table-layout: fixed; }
 form .layout td + td {
   padding-left: 5px; }
 form .list {
@@ -3640,11 +3638,13 @@ input[type="email"],
 input[type="date"],
 input[type="number"],
 input[type="datetime-local"] {
+  box-sizing: border-box;
   color: #454545;
   background: #fff;
   width: 100%;
   height: 2rem;
   min-width: 70px;
+  max-width: 100%;
   padding: 7px;
   font-size: 0.9rem;
   border: solid 1px #dcdcdc;
@@ -3674,8 +3674,10 @@ option {
 input[type="file"] {
   border: solid 1px #dcdcdc;
   width: 100%;
+  max-width: 100%;
   color: #454545;
-  padding: 10px; }
+  padding: 10px;
+  box-sizing: border-box; }
 
 input[placeholder], textarea {
   font-family: 'FontAwesome', serif; }