fix(select): fix alignment of select dropdown arrow

closes #1815
angular · Mar 24, 2015 · 5c853e6 · 5c853e6
1 parent f62fd48
commit 5c853e6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/src/components/select/select.js b/src/components/select/select.js
@@ -84,6 +84,12 @@ function SelectDirective($mdSelect, $mdUtil, $mdTheming, $interpolate, $compile,
     // If not provided, we automatically make one
     if (!labelEl.length) {
       labelEl = angular.element('<md-select-label><span></span></md-select-label>');
+    } else {
+      if (!labelEl[0].firstElementChild) {
+        var spanWrapper = angular.element('<span>');
+        spanWrapper.append(labelEl.contents());
+        labelEl.append(spanWrapper);
+      }
     }
     labelEl.append('<span class="md-select-icon" aria-hidden="true"></span>');
     labelEl.addClass('md-select-label');

diff --git a/src/components/select/select.scss b/src/components/select/select.scss
@@ -78,6 +78,10 @@ md-select {
   box-sizing: border-box;
   min-width: 8 * $baseline-grid;
 
+  *:first-child {
+    flex: 1;
+  }
+
   .md-select-icon {
     align-items: flex-end;
     text-align: end;