Some visual tweaks to the virtual keyboard.

chrome/browser/resources/keyboard/main.css

Index: chrome/browser/resources/keyboard/main.css
diff --git a/chrome/browser/resources/keyboard/main.css b/chrome/browser/resources/keyboard/main.css
index 822188ad9da13b4909873939385319afd1bed07d..be899a7830dd0a7252c0a489c3d766471734f8df 100644
--- a/chrome/browser/resources/keyboard/main.css
+++ b/chrome/browser/resources/keyboard/main.css
@@ -5,7 +5,7 @@ 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;
@@ -28,6 +28,7 @@ div.keyboard {
 
 div.rows {
   display: -webkit-box;
+  margin-bottom: 5px;
   text-align: center;
   -webkit-box-orient: vertical;
   -webkit-box-flex: 1;
@@ -36,6 +37,7 @@ div.rows {
 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;
 }
 
@@ -176,8 +178,8 @@ div.moddown {
   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 {