From 41e521643792bc9c2094272b827654dede052dec Mon Sep 17 00:00:00 2001
From: Kevin Ross <kevin.ross@alienfast.com>
Date: Wed, 9 Dec 2015 10:26:47 -0600
Subject: [PATCH] Resolves #773 dropdown icon

---
 less/plugins/_plugin-dropdownjs.less | 30 ++++++++++++----------------
 sass/plugins/_plugin-dropdownjs.scss | 30 ++++++++++++----------------
 2 files changed, 26 insertions(+), 34 deletions(-)

diff --git a/less/plugins/_plugin-dropdownjs.less b/less/plugins/_plugin-dropdownjs.less
index 6ccf7d54..48f3f070 100644
--- a/less/plugins/_plugin-dropdownjs.less
+++ b/less/plugins/_plugin-dropdownjs.less
@@ -1,19 +1,15 @@
-.dropdownjs:after {
-    right: 5px;
-    top: 3px;
-    font-size: 25px;
-    position: absolute;
-    content: "\e8ac";
-    font-family: "Material-Design-Icons";
-    speak: none;
-    font-style: normal;
-    font-weight: normal;
-    font-variant: normal;
-    text-transform: none;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    pointer-events: none;
-    color: #757575;
+.dropdownjs::after {
+  right: 5px;
+  top: 3px;
+  font-size: 25px;
+  position: absolute;
 
+  // bring in the material icon font and icon by code
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  content: "\e5c5"; // found here: https://github.com/google/material-design-icons/search?utf8=%E2%9C%93&q=arrow_drop_down
+
+  pointer-events: none;
+  color: #757575;
 }
diff --git a/sass/plugins/_plugin-dropdownjs.scss b/sass/plugins/_plugin-dropdownjs.scss
index 253841c9..b1574726 100644
--- a/sass/plugins/_plugin-dropdownjs.scss
+++ b/sass/plugins/_plugin-dropdownjs.scss
@@ -1,21 +1,17 @@
 // This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
 
-.dropdownjs:after {
-    right: 5px;
-    top: 3px;
-    font-size: 25px;
-    position: absolute;
-    content: "\e8ac";
-    font-family: "Material-Design-Icons";
-    speak: none;
-    font-style: normal;
-    font-weight: normal;
-    font-variant: normal;
-    text-transform: none;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    pointer-events: none;
-    color: #757575;
+.dropdownjs::after {
+  right: 5px;
+  top: 3px;
+  font-size: 25px;
+  position: absolute;
 
+  // bring in the material icon font and icon by code
+  font-family: 'Material Icons';
+  font-style: normal;
+  font-weight: 400;
+  content: "\e5c5"; // found here: https://github.com/google/material-design-icons/search?utf8=%E2%9C%93&q=arrow_drop_down
+
+  pointer-events: none;
+  color: #757575;
 }