added arrow and size adjustments to settings dropdown button

assets/images/icons/dropdown-arrow-white.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="154px" height="152px" viewBox="0 0 154 152" enable-background="new 0 0 154 152" xml:space="preserve">
+<polygon fill="#FFFFFF" points="151.89,25.434 77.973,136.337 4.053,25.434 "/>
+</svg>

assets/scripts/app/templates/repos/show/tools.hbs

@@ -1,5 +1,5 @@
 <div id="tools">
-  <a href="#" {{action "menu" target="view"}} class="menu-popup-button">Settings</a>
+  <a href="#" {{action "menu" target="view"}} class="menu-popup-button">Settings <img src="/images/icons/dropdown-arrow-white.svg"/></a>
 
   <ul class="menu">
    {{#if view.displayRegenerateKey}}

assets/styles/main/tools.sass

@@ -8,20 +8,21 @@
 
   & > a.menu-popup-button
     display: inline-block
-    width: 88px
-    height: 24px
     text-align: left
     margin-top: -27px
     color: #fff
     font-size: 13px
-    padding-left: 12px
+    padding: 3px 8px 2px 25px
     background: #a6adad inline-image('icons/settings.svg') no-repeat
     background-size: 14px 14px
-    background-position: 6px 5px
+    background-position: 6px 6px
     @include border-radius(4px)
 
     cursor: pointer
     float: right
+    img
+      width: 7px
+      padding-left: 10px
 
   .menu
     z-index: 1000