From a91badeede3ff2edfc7e1e12b16528e80a85c82e Mon Sep 17 00:00:00 2001
From: Sean Lip <sll@google.com>
Date: Wed, 5 Oct 2016 15:58:28 -0700
Subject: [PATCH] Minor updates to CSS and punctuation in messages.

---
 accessible/app.component.js     |  4 ++--
 accessible/media/accessible.css | 13 ++++++++++++-
 accessible/messages.js          |  8 ++++----
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/accessible/app.component.js b/accessible/app.component.js
index 2ce25d028..7ea38278b 100644
--- a/accessible/app.component.js
+++ b/accessible/app.component.js
@@ -29,8 +29,8 @@ blocklyApp.AppView = ng.core
   .Component({
     selector: 'blockly-app',
     template: `
-    <div aria-hidden="true">
-      Status: <span aria-live="polite" role="status">{{getStatusMessage()}}</span>
+    <div *ngIf="getStatusMessage()" aria-hidden="true" class="blocklyAriaLiveStatus">
+      <span aria-live="polite" role="status">{{getStatusMessage()}}</span>
     </div>
 
     <div>
diff --git a/accessible/media/accessible.css b/accessible/media/accessible.css
index d6dcd2bc1..41338db5e 100644
--- a/accessible/media/accessible.css
+++ b/accessible/media/accessible.css
@@ -8,8 +8,19 @@
 }
 .blocklyToolbarColumn {
   float: left;
+  margin-left: 10px;
   margin-top: 20px;
-  width: 200px;
+  width: 150px;
+}
+
+.blocklyAriaLiveStatus {
+  background: #c8f7be;
+  border-radius: 10px;
+  bottom: 80px;
+  left: 20px;
+  max-width: 300px;
+  padding: 10px;
+  position: fixed;
 }
 
 .blocklyTree .blocklyActiveDescendant > label,
diff --git a/accessible/messages.js b/accessible/messages.js
index 34c41455b..aad65159e 100644
--- a/accessible/messages.js
+++ b/accessible/messages.js
@@ -51,7 +51,7 @@ Blockly.Msg.VALUE = 'value';
 Blockly.Msg.BLOCK_OPTIONS = 'Block options: ';
 
 Blockly.Msg.BLOCK_MOVED_TO_MARKED_SPOT_MSB = 'Block moved to marked spot: ';
-Blockly.Msg.COPIED_BLOCK_MSG = 'Copied: ';
-Blockly.Msg.MARKED_SPOT_MSG = 'Marked spot: ';
-Blockly.Msg.PASTED_BLOCK_FROM_CLIPBOARD_MSG = 'Pasted: ';
-Blockly.Msg.PASTED_BLOCK_TO_MARKED_SPOT_MSG = 'Moved to marked spot: ';
+Blockly.Msg.COPIED_BLOCK_MSG = 'copied. ';
+Blockly.Msg.MARKED_SPOT_MSG = 'Marked spot. ';
+Blockly.Msg.PASTED_BLOCK_FROM_CLIPBOARD_MSG = 'pasted. ';
+Blockly.Msg.PASTED_BLOCK_TO_MARKED_SPOT_MSG = 'moved to marked spot. ';