From 12be1c7dd4d7b64f5d8692e90fbaf73874a365e7 Mon Sep 17 00:00:00 2001
From: Sean Li <mail@shang.li>
Date: Tue, 26 May 2015 17:09:01 -0700
Subject: [PATCH] Tweaked positive button.

---
 src/components/ImageCard.react.js |  2 +-
 styles/theme.less                 | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/ImageCard.react.js b/src/components/ImageCard.react.js
index 5a94d488..8f9be4bb 100644
--- a/src/components/ImageCard.react.js
+++ b/src/components/ImageCard.react.js
@@ -169,7 +169,7 @@ var ImageCard = React.createClass({
               <span className="text" onClick={self.handleTagOverlayClick.bind(self, this.props.image.name)} data-name={this.props.image.name}>{this.state.chosenTag}</span>
             </div>
             <div className="action">
-              <a className="btn btn-action" onClick={self.handleClick}>Create</a>
+              <a className="btn btn-action btn-positive" onClick={self.handleClick}>Create</a>
             </div>
           </div>
         </div>
diff --git a/styles/theme.less b/styles/theme.less
index d20daccc..e5bda861 100644
--- a/styles/theme.less
+++ b/styles/theme.less
@@ -193,6 +193,16 @@ input[type="text"] {
 }
 .btn-positive {
   .btn-styles(@brand-positive);
+  &:hover,
+  &:focus {
+    border-color: darken(@brand-positive, 7%);
+    color: darken(@brand-positive, 7%);
+  }
+  &:active {
+    background-color: lighten(@brand-positive, 53%);
+    border-color: darken(@brand-positive, 7%);
+    color: darken(@brand-positive, 7%);
+  }
 }
 .btn-default { .btn-styles(@btn-default-bg); }
 .btn-primary { .btn-styles(@btn-primary-bg); }