From fd1ef6e06ae15e062240016164aa66b65db0f264 Mon Sep 17 00:00:00 2001
From: Hai Nguyen <hai@call-em-all.com>
Date: Fri, 14 Nov 2014 12:12:12 -0600
Subject: [PATCH] Added underline to dropdown menu. Fixes #39

---
 src/js/drop-down-menu.jsx               | 3 ++-
 src/less/components/drop-down-menu.less | 5 +++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/js/drop-down-menu.jsx b/src/js/drop-down-menu.jsx
index 27562047d3dfeb..4af3de90ef3973 100644
--- a/src/js/drop-down-menu.jsx
+++ b/src/js/drop-down-menu.jsx
@@ -50,11 +50,12 @@ var DropDownMenu = React.createClass({
     return (
       <div className={classes}>
         <div className="mui-menu-control" onClick={this._onControlClick}>
-          <Paper className="mui-menu-control-bg"zDepth={0} />
+          <Paper className="mui-menu-control-bg" zDepth={0} />
           <div className="mui-menu-label">
             {this.props.menuItems[this.state.selectedIndex].text}
           </div>
           <Icon className="mui-menu-drop-down-icon" icon="navigation-arrow-drop-down" />
+          <div className="mui-menu-control-underline" />
         </div>
         <Menu ref="menuItems" selectedIndex={this.state.selectedIndex} menuItems={this.props.menuItems} hideable={true} visible={this.state.open} onItemClick={this._onMenuItemClick} />
       </div>
diff --git a/src/less/components/drop-down-menu.less b/src/less/components/drop-down-menu.less
index 03ecd1993343d4..83b191a109d7be 100644
--- a/src/less/components/drop-down-menu.less
+++ b/src/less/components/drop-down-menu.less
@@ -56,6 +56,11 @@
       right: @desktop-gutter-less;
       color: @drop-down-menu-icon-color;
     }
+
+    .mui-menu-control-underline {
+      border-top: solid 1px @border-color;
+      margin: 0 @desktop-gutter;
+    }
   }
 
   .mui-menu {