From d5074304706268817c92ad20bd0574c6ef7d8552 Mon Sep 17 00:00:00 2001
From: crisbeto <crisbeto@abv.bg>
Date: Mon, 10 Oct 2016 22:09:23 +0200
Subject: [PATCH] fix(datepicker,select): arrow button consistency

* Fixes the datepicker's arrow being off a few pixels inside `md-input-container`, as well as being too close to the bottom when not in a `md-input-container`.
* Fixes the select's arrow icon being too dark, because it inherits from the closest `color` rule.

Relates to #9798.
---
 src/components/datepicker/datePicker.scss | 4 ++--
 src/components/select/select-theme.scss   | 8 ++++++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/datepicker/datePicker.scss b/src/components/datepicker/datePicker.scss
index 650b29dcec..00e271a16e 100644
--- a/src/components/datepicker/datePicker.scss
+++ b/src/components/datepicker/datePicker.scss
@@ -194,10 +194,10 @@ md-datepicker {
 .md-datepicker-triangle-button {
   position: absolute;
   @include rtl-prop(right, left, 0, auto);
-  top: $md-date-arrow-size;
+  bottom: -$md-date-arrow-size / 2;
 
   // TODO(jelbourn): This position isn't great on all platforms.
-  @include rtl(transform, translateY(-25%) translateX(45%), translateY(-25%) translateX(-45%));
+  @include rtl(transform, translateX(45%), translateX(-45%));
 }
 
 // Need crazy specificity to override .md-button.md-icon-button.
diff --git a/src/components/select/select-theme.scss b/src/components/select/select-theme.scss
index 541a6504e9..5c7adc73d9 100644
--- a/src/components/select/select-theme.scss
+++ b/src/components/select/select-theme.scss
@@ -94,6 +94,14 @@ md-select.md-THEME_NAME-theme {
       }
     }
   }
+
+  .md-select-icon {
+    color: '{{foreground-3}}';
+
+    &:hover {
+      color: '{{foreground-2}}';
+    }
+  }
 }
 
 md-select-menu.md-THEME_NAME-theme {