From 4e63ed9569a5381c60c37d875025e29f56c60aad Mon Sep 17 00:00:00 2001
From: Dave Cranwell <david@torchbox.com>
Date: Fri, 27 Feb 2015 17:57:11 +0000
Subject: [PATCH] addressing issue with button text showing

---
 .../wagtailadmin/scss/layouts/page-editor.scss    | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/wagtail/wagtailadmin/static/wagtailadmin/scss/layouts/page-editor.scss b/wagtail/wagtailadmin/static/wagtailadmin/scss/layouts/page-editor.scss
index eacbf1e76..cbf179d13 100644
--- a/wagtail/wagtailadmin/static/wagtailadmin/scss/layouts/page-editor.scss
+++ b/wagtail/wagtailadmin/static/wagtailadmin/scss/layouts/page-editor.scss
@@ -551,18 +551,21 @@
             .button{
                 @include border-radius(0);
                 overflow: visible;
-                display:inline-block;
-                padding:0;
-                width:3.45em;
-                background-color:$color-salmon;
+                background-color:$color-salmon-light;
+                font-size:0; /* helps fake the effect of t.ext-replace class, which can't be used here. */
+                width:2em;
 
                 &:before{
                     position:relative;
                     padding:0;
                     line-height:1.8em; /* specific height required as parent 'a' has no height */
                     font-size:1.4rem;
-                    width:100%;
-                    background-color:transparent;
+                    width:1.8em;
+                    background-color:$color-salmon;
+                }
+
+                &:hover:before{
+                    background-color:darken($color-salmon, 5%);
                 }
             }
         }