From 0fd74680c20df34eee1a70bd37c7b3a4fd6a82f5 Mon Sep 17 00:00:00 2001
From: Tyler Renelle <tylerrenelle@gmail.com>
Date: Fri, 31 May 2013 18:42:02 -0400
Subject: [PATCH] challenges: float-right edit button, us icons for consistency

---
 views/app/challenges.html | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/views/app/challenges.html b/views/app/challenges.html
index f63ea6b89e..e3ecd093f8 100644
--- a/views/app/challenges.html
+++ b/views/app/challenges.html
@@ -72,30 +72,39 @@
         </div>
         <div id="accordion-challenge-{{@challenge.id}}" class="accordion-body collapse in">
             <div class="accordion-inner">
+
+                <!-- prize -->
                 {#if @challenge.prize}
-                    <a class="pull-right gem-wallet">
+                    <a class="gem-wallet">
                         <span class="task-action-btn tile flush neutral"><div class="Gems"></div> {@challenge.prize} Gem Prize</span>
                     </a>
                 {/}
 
+                <!-- Edit button -->
+                <span style='position:absolute; right:0;'>
+                {#if and(not(_editing.challenges[@challenge.id]),equal(@challenge.uid,_user.id))}
+                    <ul class='nav nav-pills'><li>
+                        <a x-bind='click:toggleChallengeEdit' data-id={{@challenge.id}} ><i class=icon-pencil></i></a>
+                    </li></ul>
+                {else}
+                    <ul class='nav nav-pills'><li>
+                        <a x-bind='click:toggleChallengeEdit' data-id={{@challenge.id}} ><i class=icon-ok></i></a>
+                    </li></ul>
+                {/}
+                </span>
+
                 {#if _editing.challenges[@challenge.id]}
-                    <a class=btn x-bind='click:toggleChallengeEdit' data-id={{@challenge.id}} >Done</a>
                     <div class='-options'>
                         <input type=text class='option-content' value={@challenge.name} />
                         <textarea cols=3 class='option-content' placeholder='Description'>{@challenge.description}</textarea>
                         <input type=number class='option-content' placeholder='Gems Prize' value={@challenge.prize} />
                     </div>
                     {{#with @challenge}}
-                    <a class='btn btn-small btn-danger' x-bind=click:removeAt >Delete</a>
+                        <a class='btn btn-small btn-danger' x-bind=click:removeAt >Delete</a>
                     {{/}}
                 {/}
-                <!-- elseif breaks here, have to start a new if --->
-                {#if and(not(_editing.challenges[@challenge.id]),equal(@challenge.uid,_user.id))}
-                    <a class=btn x-bind='click:toggleChallengeEdit' data-id={{@challenge.id}} >Edit</a>
-                {/}
                 {#if @challenge.description}<div>{@challenge.description}</div>{/}
 
-
                 <div class="grid">
                     <app:tasks:task-lists
                             habits={@challenge.habits}