From 69d4ebb6dd9ac3df7ab257d5f509d5a3f7f42eb0 Mon Sep 17 00:00:00 2001
From: Sean Lip <sll@google.com>
Date: Tue, 29 Nov 2016 19:01:29 -0800
Subject: [PATCH] Improve styling of sidebar buttons.

---
 accessible/media/accessible.css | 24 ++++++++++++++++++++++--
 demos/accessible/index.html     |  1 +
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/accessible/media/accessible.css b/accessible/media/accessible.css
index 70c88815a..67b15040a 100644
--- a/accessible/media/accessible.css
+++ b/accessible/media/accessible.css
@@ -1,14 +1,34 @@
 .blocklyWorkspaceColumn {
   float: left;
-  width: 700px;
+  margin-right: 20px;
+  width: 800px;
 }
 .blocklySidebarColumn {
+  border-left: 1px solid #888;
   float: left;
-  margin-left: 10px;
+  padding-left: 20px;
   margin-top: 20px;
+  min-height: 700px;
   width: 200px;
 }
 
+.blocklySidebarButton {
+  background-color: #fff;
+  border: 1px solid #333;
+  border-radius: 4px;
+  color: #000;
+  font-size: 1em;
+  margin: 10px 0 10px 30px;
+  padding: 10px;
+  text-align: center;
+  vertical-align: middle;
+  white-space: nowrap;
+}
+.blocklySidebarButton[disabled] {
+  border: 1px solid #ccc;
+  opacity: 0.5;
+}
+
 .blocklyAriaLiveStatus {
   background: #c8f7be;
   border-radius: 10px;
diff --git a/demos/accessible/index.html b/demos/accessible/index.html
index e75ee7846..9c36da551 100644
--- a/demos/accessible/index.html
+++ b/demos/accessible/index.html
@@ -41,6 +41,7 @@
     body {
       background-color: #fff;
       font-family: sans-serif;
+      margin-left: 30px;
     }
     h1 {
       font-weight: normal;