Some visual tweaks to the virtual keyboard.

chrome/browser/resources/keyboard/main.css

 /*
 Copyright (c) 2011 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.
 */
 
 body {
-  background: -webkit-linear-gradient(#bababa, #868686);
+  background: -webkit-linear-gradient(#bababa, #868686) no-repeat;
   color: white;
   margin: 0;
   overflow: hidden;
   padding: 0;
   -webkit-user-select: none;
 }
 
 div.main {
   margin: 0 auto;
   display: -webkit-box;
   -webkit-box-orient: vertical;
 }
 
 div.keyboard {
   margin: 0 auto;
   display: -webkit-box;
   text-align: center;
   -webkit-box-flex: 1;
 }
 
 div.rows {
   display: -webkit-box;
+  margin-bottom: 5px;
   text-align: center;
   -webkit-box-orient: vertical;
   -webkit-box-flex: 1;
 }
 
 div.row {
   display: -webkit-box;
   margin-top: 5px;
+  margin-right: 5px;

[arv (Not doing code reviews), 2011/12/07 21:20:00]

Should this be -webkit-margin-end?

[bryeung, 2011/12/08 19:01:52]

Since this is laying out keyboard, and I don't think the layout would change in
a RTL context, I think margin-right is correct here.  Let me know if I'm
misunderstanding margin-end.

   -webkit-box-flex: 1;
 }
 
 div.row > div {
   display: -webkit-box;
   -webkit-box-flex: 1;
 }
 
 .handwritingcanvas {
   border-radius: 4px;
@@ skipping 120 matching lines @@
 }
 
 .mic > div, .handwriting-mic > div {
   background-image: url("mic.svg");
 }
 
 .shift > div.image-key {
   background-image: url("shift.svg");
 }
 
-.moddownshift > div {
-  background-image: url("shift.svg");
+.moddown.shift > div.image-key {
+  background-image: url("shift-down.svg");
 }
 
 .hide > div {
   background-image: url("keyboard.svg");
 }
 
 .at,
 .com,
 .comma,
 .handwriting-backspace,
@@ skipping 20 matching lines @@
 }
 
 .handwriting-clear,
 .handwriting-return {
   -webkit-box-flex: 5;
 }
 
 .nodisplay {
   display: none;
 }