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 58 matching lines @@
 }
 
 .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: none;
 }
 
 .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); }
+  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;

[Dan Beam, 2014/10/27 16:10:33]

nit: -webkit-animation: rotate 2s linear infinite;

[kcarattini, 2014/10/27 23:20:10]

Done.

   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;
 }