From f477b698abab3cfb6f563217215655f8520b14f6 Mon Sep 17 00:00:00 2001
From: Jason Fowler <phalacee@gmail.com>
Date: Fri, 30 Aug 2013 15:39:58 +0800
Subject: [PATCH] MDL-41236 atto - Improving visibility of disabled buttons and
 making atto match the file manager

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

diff --git a/lib/editor/atto/styles.css b/lib/editor/atto/styles.css
index 437ae34ecc8..44cf7a65263 100644
--- a/lib/editor/atto/styles.css
+++ b/lib/editor/atto/styles.css
@@ -1,16 +1,29 @@
 div.editor_atto {
     background-color: white;
-    border: 1px solid #444;
+    border: 1px solid #BBB;
 }
 
 div.editor_atto_toolbar {
     display: block;
+    background: #F2F2F2;
+    min-height: 36px;
+    border-top: 1px solid #BBB;
+    border-left: 1px solid #BBB;
+    border-right: 1px solid #BBB;
 }
 
 div.editor_atto_toolbar button {
-    padding: 1px;
+    margin-top: 5px;
+    margin-bottom: 0px;
     padding: 3px;
+    background: none;
+    border: none;
+ }
+
+div.editor_atto_toolbar button[disabled] {
+    opacity: .45;
 }
+
 div.editor_atto_toolbar button img {
     padding: 1px;
 }
@@ -69,3 +82,4 @@ body.dir-rtl div.editor_atto_toolbar button.atto_indent_button {
     display: block;
     margin: 5px;
 }
+