From 64f6d1bfe3f62273219553db69b7e36d8d03abc2 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Thu, 12 Jan 2017 22:24:37 +0100
Subject: [PATCH] fix(input-container): prefix and suffix stretching together
 with parent (#2496)

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 2ea6cfe4180d..04cb37ce473a 100644
--- a/src/lib/input/input-container.scss
+++ b/src/lib/input/input-container.scss
@@ -39,3 +39,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;
+}