From 891f5d846b544c6553bde7bb3d147dfe5d8aef3d Mon Sep 17 00:00:00 2001
From: Sean Lip <sll@google.com>
Date: Wed, 5 Oct 2016 17:52:57 -0700
Subject: [PATCH] Add message for empty workspace; minor CSS tweak.

---
 accessible/media/accessible.css   | 2 +-
 accessible/workspace.component.js | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/accessible/media/accessible.css b/accessible/media/accessible.css
index 41338db5e..56d170e22 100644
--- a/accessible/media/accessible.css
+++ b/accessible/media/accessible.css
@@ -18,7 +18,7 @@
   border-radius: 10px;
   bottom: 80px;
   left: 20px;
-  max-width: 300px;
+  max-width: 275px;
   padding: 10px;
   position: fixed;
 }
diff --git a/accessible/workspace.component.js b/accessible/workspace.component.js
index b65da903f..569138233 100644
--- a/accessible/workspace.component.js
+++ b/accessible/workspace.component.js
@@ -39,6 +39,10 @@ blocklyApp.WorkspaceComponent = ng.core
           <blockly-workspace-tree [level]="0" [block]="block" [tree]="tree" [isTopLevel]="true">
           </blockly-workspace-tree>
         </ol>
+
+        <span *ngIf="workspace.topBlocks_.length === 0">
+          <i>Workspace is empty.</i>
+        </span>
       </div>
     </div>