From 8765a38472c60c60852a5793f108878c563034ff Mon Sep 17 00:00:00 2001
From: Davor Spasovski <dspasovski@mozilla.com>
Date: Mon, 25 Feb 2013 16:13:54 -0800
Subject: [PATCH] prettier button states

---
 media/css/mkt/buttons.less             | 18 +++++++++++++-----
 mkt/site/templates/site/paginator.html |  2 +-
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/media/css/mkt/buttons.less b/media/css/mkt/buttons.less
index 9e1b18b386..3120c973a6 100644
--- a/media/css/mkt/buttons.less
+++ b/media/css/mkt/buttons.less
@@ -2,14 +2,13 @@
 
 // Move these to 'lib' if needed elsewhere.
 .btn-shadow() {
-    .box-shadow(0 1px 0 0 rgba(51, 51, 51, .5), 0 -2px 0 0 rgba(255, 255, 255, .1) inset);
+    .box-shadow(0, 0 -2px 0 0 rgba(255, 255, 255, .1) inset);
 }
 .alt-btn-shadow() {
-    .box-shadow(0 1px 0 0 rgba(51, 51, 51, .5), 0 -1px 0 0 rgba(255, 255, 255, .5) inset);
+    .box-shadow(0, 0 -1px 0 0 rgba(255, 255, 255, .5) inset);
 }
 .btn-shadow-active() {
     .box-shadow(0 2px 0 0 rgba(0, 0, 0, .2) inset, 0 12px 24px 6px rgba(0, 0, 0, .2) inset, 0 0 2px 2px rgba(0, 0, 0, .2) inset);
-    border: 1px none;
 }
 .fatten() {
     height: 48px;
@@ -36,8 +35,12 @@
         .gradient-two-color(darken(#4cb1ff, 10%), darken(#1793e5, 10%));
         text-decoration: none;
     }
+    &:hover, &:focus, &:active {
+        color: darken(@white, 10%);
+    }
     &:active {
         .btn-shadow-active;
+        border: 1px solid darken(#1793e5, 10%);
     }
 }
 .button {
@@ -52,12 +55,13 @@
     // Redish.
     &.manage {
         .gradient-two-color(#DA5132, #A91300);
-        border: 0;
+        border: 1px solid #A91300;
         &:hover, &:focus {
-            .box-shadow(0 2px 0 0 rgba(0, 0, 0, .1), 0 -2px 0 0 rgba(0, 0, 0, .2) inset, 0 12px 24px 2px #E64926 inset);
+            .gradient-two-color(darken(#DA5132, 10%), darken(#A91300, 10%));
         }
         &:active {
             .btn-shadow-active;
+            border: 1px solid darken(#A91300, 10%);
         }
     }
     // Grayish (legacy).
@@ -69,8 +73,12 @@
         &:hover, &:focus {
             .gradient-two-color(darken(#fff, 10%), darken(#e7e7e7, 10%));
         }
+        &:hover, &:focus, &:active {
+            color: darken(#5f5f5f, 10%);
+        }
         &:active {
             .btn-shadow-active;
+            border: 1px solid darken(#b7b7b7, 10%);
         }
     }
 }
diff --git a/mkt/site/templates/site/paginator.html b/mkt/site/templates/site/paginator.html
index a18359d31d..c87de87796 100644
--- a/mkt/site/templates/site/paginator.html
+++ b/mkt/site/templates/site/paginator.html
@@ -1,5 +1,5 @@
 {% if pager.has_next() %}
-  <button data-more-url="{{ pager.url|urlparams(page=pager.next_page_number()) }}">
+  <button class="alt" data-more-url="{{ pager.url|urlparams(page=pager.next_page_number()) }}">
     {{ _('More') }}
   </button>
 {% endif %}