From b128c2a6fdc1b16b427c684372e698f75ce8b9fa Mon Sep 17 00:00:00 2001
From: advancelee <39123231+advancelee@users.noreply.github.com>
Date: Wed, 9 May 2018 21:30:38 +1000
Subject: [PATCH] Fix input fields overflowing on small screens

---
 assets/style.css | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/assets/style.css b/assets/style.css
index f3087cc..3d40356 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -36,20 +36,23 @@ input, textarea, select {
 
 input[type=text],
 input[type=password] {
-    min-width: 350px;
+    width: 350px;
+    max-width: 100%;
     border-radius: 8px;
 }
 
 textarea {
     font-family: sans-serif;
-    min-width: 350px;
+    width: 350px;
+    max-width: 100%;
     min-height: 70px;
     border-radius: 8px;
 }
 
 label {
     display: inline-block;
-    min-width: 175px;
+    width: 175px;
+    max-width: 100%;
     vertical-align: top;
     cursor: pointer;
 }
@@ -64,7 +67,8 @@ input[type=submit]:hover {
 }
 
 select {
-    min-width: 150px;
+    width: 150px;
+    max-width: 100%;
 }
 
 table.table,