Hotword Audio Verification App: UI polishes.

chrome/browser/resources/hotword_audio_verification/style.css

 /* Copyright 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 * {
   box-sizing: border-box;
   color: rgba(0, 0, 0, .87);
   font-family: Helvetica, sans-serif;
   font-size: 14px;
   margin: 0;
@@ skipping 57 matching lines @@
   margin: 60px 60px auto 60px;
 }
 
 .close {
   background: url(../images/bt-close-1x.png);
   float: right;
   height: 60px;
   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 {
   color: rgba(0, 0, 0, .54);
   line-height: 24px;
   width: 504px;
 }
 
 .col-3 h4 {
   line-height: 100%;
@@ skipping 82 matching lines @@
 }
 
 .train.recorded .text {
   color: rgba(66, 133, 244, 1);
 }
 
 .train.error .text {
   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;
 }
 
 .train.not-started .icon {
   background: url(../images/ic-check-gray-1x.png) no-repeat;
 }
 
 .train.recorded .icon {
   background: url(../images/ic-check-blue-1x.png) no-repeat;
 }
@@ skipping 26 matching lines @@
   width: 24px;
 }
 
 .check .text {
   color: rgba(0, 0, 0, .54);
   display: inline-block;
   height: 24px;
   line-height: 24px;
   vertical-align: top;
 }