Hotword Audio Verification App: UI polishes.

chrome/browser/resources/hotword_audio_verification/style.css

Index: chrome/browser/resources/hotword_audio_verification/style.css
diff --git a/chrome/browser/resources/hotword_audio_verification/style.css b/chrome/browser/resources/hotword_audio_verification/style.css
index 8825dd75b323cfb61be19f610bae56d5c8698cae..d00993bf887af74861677ad6e0f09b238a1349ab 100644
--- a/chrome/browser/resources/hotword_audio_verification/style.css
+++ b/chrome/browser/resources/hotword_audio_verification/style.css
@@ -75,9 +75,17 @@ div.content {
   width: 60px;
 }
 
+.speech-close {
+  background: url(../images/bt-close-1x.png);
+  float: right;
+  height: 60px;
+  width: 60px;
+}
+
 
-button.grayed-out {
+.buttonbar button.grayed-out {
   color: rgba(0, 0, 0, .28);
+  text-transform: initial;

[Dan Beam, 2014/10/23 23:56:01]

nit: i guess this is OK but I'd say "none" is more common

[kcarattini, 2014/10/24 07:02:42]

Done.

 }
 
 .col-3 {
@@ -180,7 +188,18 @@ button.primary {
   color: rgb(213, 0, 0);
 }
 
+@-webkit-keyframes rotate {
+  from { -webkit-transform: rotate(0);

[Dan Beam, 2014/10/23 23:56:01]

from { ... }
to { ... }

OR

 from {
   ...
 }
 to {
   ...
 }

take your pick.

if this was a presubmit thing, I fixed that really recently:
http://crbug.com/426286

[kcarattini, 2014/10/24 07:02:42]

Done.

+  }
+  to { -webkit-transform: rotate(359deg);
+  }
+}
+
 .train.listening .icon {
+  -webkit-animation-duration: 2s;
+  -webkit-animation-iteration-count: infinite;
+  -webkit-animation-name: rotate;
+  -webkit-animation-timing-function: linear;
   background: url(../images/placeholder-loader-1x.png) no-repeat;
 }