From 0c9070c0a31893bfb452519c59dead27ff58f47a Mon Sep 17 00:00:00 2001
From: Jason Fowler <phalacee@gmail.com>
Date: Thu, 26 Sep 2013 15:31:04 +0800
Subject: [PATCH] MDL-41989 Atto - Improving usability for non-touch devices

---
 lib/editor/atto/styles.css | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/lib/editor/atto/styles.css b/lib/editor/atto/styles.css
index 2acc6590b5d..4cbd3a3cf6b 100644
--- a/lib/editor/atto/styles.css
+++ b/lib/editor/atto/styles.css
@@ -22,18 +22,19 @@
 div.editor_atto_toolbar {
     display: block;
     background: #F2F2F2;
-    min-height: 42px;
+    min-height: 35px;
     border: 1px solid #BBB;
     width: 100%;
     padding: 0 0 9px 0;
 }
 
 div.editor_atto_toolbar button {
-    padding: 5px 9px 4px 9px;
+    padding: 3px 9px;
     background: none;
     border: 0px;
     margin: 0;
     border-radius: 0;
+    cursor: pointer;
  }
 
 div.editor_atto_toolbar button + button {
@@ -44,6 +45,10 @@ div.editor_atto_toolbar button[disabled] {
     opacity: .45;
 }
 
+div.editor_atto_toolbar button:active {
+    background: #B7D6FF;
+}
+
 div.editor_atto_toolbar button img {
     padding: 1px;
 }