Added survey butter-bar to web-app.

remoting/webapp/main.css

 /* Copyright (c) 2012 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.
  */
 
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
 blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
 font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl,
 dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
 tfoot, thead, tr, th, td, button {
@@ skipping 359 matching lines @@
   border: 1px solid #f0c36d;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
   color: #222;
   padding: 8px 16px;
   text-align: center;
   font-size: 12px;
   margin-top: 30px;
 }
 
+#survey-opt-in {
+  position: absolute;
+  top: 80px;
+  left: 0;
+}
+
+.butter-bar {
+  display: -webkit-box;
+  width: 100%;
+}
+
+.butter-bar .close-icon {
+  vertical-align: top;
+  opacity: 0.4;
+  margin-__MSG_@@bidi_start_edge__: 2px;
+  margin-__MSG_@@bidi_end_edge__: -12px;
+}
+
+.butter-bar .close-icon:hover {
+  opacity: 0.7;
+}
+
+.butter-bar > p {
+  background-color: #f9edbe;
+  border: 1px solid #f0c36d;
+  -webkit-border-radius: 2px;
+  -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
+  color: #222;
+  font-size: 12px;
+  padding: 4px 16px;
+  margin: auto;
+}
+
+.butter-bar a {
+  color: inherit;
+  text-decoration: underline;
+  padding-__MSG_@@bidi_start_edge__: 2px;
+}
+
 .message {
   margin-bottom: 24px;
 }
 
 .mode-select-button-column {
   text-align: __MSG_@@bidi_end_edge__;
 }
 
 .mode-select-button-column button {
   min-width: 72px;
@@ skipping 207 matching lines @@
   box-sizing: border-box;
 }
 
 /*
  * Setting hidden on elements that match some rule overriding 'display' doesn't
  * do what you would expect unless this is made explicit (and !important).
  */
 [hidden] {
   display: none !important;
 }