From fbf07f867eb47831dce210166acafb7842a94e46 Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Mon, 13 Apr 2015 11:51:14 -0400
Subject: [PATCH] Fixes #2057 issue with labeled input in forms not fitting
 column width

---
 RELEASE-NOTES.md                      | 1 +
 src/definitions/collections/form.less | 5 +++++
 src/definitions/elements/input.less   | 3 +++
 3 files changed, 9 insertions(+)

diff --git a/RELEASE-NOTES.md b/RELEASE-NOTES.md
index 5c6d4389f..944bd1f65 100644
--- a/RELEASE-NOTES.md
+++ b/RELEASE-NOTES.md
@@ -102,6 +102,7 @@
 - **Form** - `field` inside `fields` no longer produce double sized margins.
 - **Form** - Form sizes and input sizes now inherit from `site.variables`
 - **Form Validation** - Form validation now validates correctly on `<select>` change
+- **Form/Input** - `ui labeled input` inside `form` will no longer escape column width. `ui fluid input` will now use input widths shorter than browser default.
 - **Grid** - Fix `doubling row` not working correctly inside a different `doubling grid` (css spec issue)
 - **Grid** - Fix `doubling grid` incorrectly applying width to `(x) column row`
 - **Grid** - First column on `stackable grid` no longer receives top margin
diff --git a/src/definitions/collections/form.less b/src/definitions/collections/form.less
index 8bf5e1142..eda09dc2b 100755
--- a/src/definitions/collections/form.less
+++ b/src/definitions/collections/form.less
@@ -136,7 +136,12 @@
   transition: @inputTransition;
 }
 
+/* Collapse Flex */
+.ui.form .ui.input > input {
+  width: 0px !important;
+}
 
+/* Text Area */
 .ui.textarea,
 .ui.form textarea {
   margin: 0em;
diff --git a/src/definitions/elements/input.less b/src/definitions/elements/input.less
index 5c5106cc4..e49eedd90 100755
--- a/src/definitions/elements/input.less
+++ b/src/definitions/elements/input.less
@@ -408,6 +408,9 @@
 .ui.fluid.input {
   display: flex;
 }
+.ui.fluid.input > input {
+  width: 0px !important;
+}
 
 /*--------------------
         Size