MDL-41989 Atto - Improving usability for non-touch devices

valmynd · Sep 26, 2013 · 0c9070c · 0c9070c
1 parent a72a759
commit 0c9070c
Showing 1 changed file with 7 additions and 2 deletions.
diff --git 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;
 }