The new spec for the keyboard shift-light is a square in the upper left...

The new spec for the keyboard shift-light is a square in the upper left corner. Changing this to be consistent with the IME keyboard.


BUG=364468

Review URL: https://codereview.chromium.org/251593011

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@267055 0039d316-1c4b-4281-b951-d872f2087c98

ui/keyboard/resources/elements/kb-shift-key.html

@@ -10,7 +10,7 @@
   <template>
     <style>
       .shift-light-wrapper {
-        bottom: 3px;
+        top: 6px;
         height: 10%;
         margin: 0;
         padding: 0;
@@ -19,12 +19,12 @@
       }
 
       .shift-light {
-        background-color: #ffffff;
+        background-color: #cccccc;
         border: none;
-        height: 0.2em;
-        margin: 0 auto;
+        height: 4px;
+        margin: 0 6px 0 auto;
         position: relative;
-        width: 1.8em;
+        width: 4px;
       }
     </style>
     <div class="shift-light-wrapper">

ui/keyboard/resources/main.css

@@ -31,7 +31,7 @@ kb-keyboard[keyset="lower"] kb-shift-key /deep/ .key{
 */
 kb-keyboard.caps-locked kb-shift-key.dark /deep/
     .shift-light {
-    background-color: rgba(0, 0, 255, 0.5);
+    background-color: #4285f4;
 }
 
 .space,