Restyle conversation menu button

background.html

@@ -37,7 +37,7 @@
   <script type='text/x-tmpl-mustache' id='conversation'>
       <div class='conversation-header'>
           <div class='conversation-menu menu'>
-            <button class='hamburger'></button>
+            <button class='drop-down'></button>
             <ul class='menu-list'>
                 {{#group}}
                     <li><a class='view-members'>Members</a></li>

js/views/conversation_view.js

@@ -85,7 +85,7 @@
             'click .new-group-update': 'newGroupUpdate',
             'click .verify-identity': 'verifyIdentity',
             'click .view-members': 'viewMembers',
-            'click .hamburger': 'toggleMenu',
+            'click .drop-down': 'toggleMenu',
             'click .openInbox' : 'openInbox',
             'click' : 'onClick',
             'select .entry': 'messageDetail',
@@ -154,7 +154,7 @@
         },
 
         closeMenu: function(e) {
-            if (e && !$(e.target).hasClass('hamburger')) {
+            if (e && !$(e.target).hasClass('drop-down')) {
                 this.$('.menu-list').hide();
             }
         },

stylesheets/_index.scss

@@ -74,6 +74,10 @@
     right: 0;
     left: initial;
   }
+
+  button.drop-down {
+    background: url('/images/arrow_drop_down.png') no-repeat center;
+  }
 }
 
 .contact {

stylesheets/manifest.css

@@ -399,6 +399,8 @@ img.emoji {
   .menu.conversation-menu .menu-list {
     right: 0;
     left: initial; }
+  .menu.conversation-menu button.drop-down {
+    background: url("/images/arrow_drop_down.png") no-repeat center; }
 
 .contact .number, .contact .checkbox {
   display: none; }