From c9de8fd6f3ea557d223ee2b16b903691d9506ce3 Mon Sep 17 00:00:00 2001
From: crisbeto <crisbeto@abv.bg>
Date: Mon, 2 Jan 2017 15:02:39 +0200
Subject: [PATCH] fix(input-container): prefix and suffix stretching together
 with parent

Prevents the input's suffix and prefix from stretching together with their parent node and leaving some weird spacing between themselves and the input. This was a side-effect of using `display: table-cell`.

Fixes #2493.
Fixes #1881.
Fixes #1421.
---
 src/lib/input/input-container.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/lib/input/input-container.scss b/src/lib/input/input-container.scss
index 4e9a82c4080d..414c52dd49ec 100644
--- a/src/lib/input/input-container.scss
+++ b/src/lib/input/input-container.scss
@@ -30,3 +30,9 @@ md-input-container {
     }
   }
 }
+
+// Prevents the prefix and suffix from stretching together with the container.
+.md-input-prefix, .md-input-suffix {
+  width: 0.1px;
+  white-space: nowrap;
+}