From 702b97562450d082b8f68ebd94ac4d9e6b8edf1d Mon Sep 17 00:00:00 2001
From: Justine Arreche <justinearreche@gmail.com>
Date: Thu, 23 Oct 2014 13:30:37 +0200
Subject: [PATCH] added arrow and size adjustments to settings dropdown button

---
 assets/images/icons/dropdown-arrow-white.svg      | 7 +++++++
 assets/scripts/app/templates/repos/show/tools.hbs | 2 +-
 assets/styles/main/tools.sass                     | 9 +++++----
 3 files changed, 13 insertions(+), 5 deletions(-)
 create mode 100644 assets/images/icons/dropdown-arrow-white.svg

diff --git a/assets/images/icons/dropdown-arrow-white.svg b/assets/images/icons/dropdown-arrow-white.svg
new file mode 100644
index 00000000..6dae63b2
--- /dev/null
+++ b/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>
diff --git a/assets/scripts/app/templates/repos/show/tools.hbs b/assets/scripts/app/templates/repos/show/tools.hbs
index 83cedee0..7f772c2f 100644
--- a/assets/scripts/app/templates/repos/show/tools.hbs
+++ b/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}}
diff --git a/assets/styles/main/tools.sass b/assets/styles/main/tools.sass
index ea5614e5..10298c5e 100644
--- a/assets/styles/main/tools.sass
+++ b/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