From c7fbe1f483509d86b2b4ad0b476fc248d5356550 Mon Sep 17 00:00:00 2001
From: Brad Schiff <LearnWebCode@users.noreply.github.com>
Date: Wed, 9 Oct 2019 17:36:37 -0700
Subject: [PATCH] Fix bug in MS Edge when input field is in column that's in
 flexbox container

---
 02_Complex_App/01_HTML_Templates/main.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/02_Complex_App/01_HTML_Templates/main.css b/02_Complex_App/01_HTML_Templates/main.css
index e907fbb..1bb18f3 100644
--- a/02_Complex_App/01_HTML_Templates/main.css
+++ b/02_Complex_App/01_HTML_Templates/main.css
@@ -76,6 +76,12 @@ body, .tooltip
 .input-dark:-ms-input-placeholder {color: #888;}
 .input-dark:-moz-placeholder {color: #888;}
 
+@media (min-width: 768px) {
+  .input-dark {
+   width: auto;
+  }
+}
+
 .display-3 {
   font-size: 4.35rem;
 }
@@ -366,4 +372,4 @@ textarea.tall-textarea {
   border: none;
   outline: none;
   font-size: .75rem;
-}
\ No newline at end of file
+}