Config UI for Extension Commands (part 1).

chrome/browser/resources/extensions/extension_commands_overlay.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. */
 
 .extension-command-list-command-item-wrapper {
   margin-left: 12px;
 }
 
+.command-title {
+  display: inline-block;
+  margin-top: 1em;
+}
+
+.command-container {
+  -webkit-box-orient: horizontal;
+  display: -webkit-box;
+  width: 450px;
+}
+
+.command-description {
+  -webkit-box-flex: 0.55;

[Evan Stade, 2012/06/06 23:04:45]

why is this not 1

+  display: -webkit-box;
+  margin-top: 0.5em;
+  min-height: 2em;
+}
+
+.command-shortcut-container {
+  display: -webkit-box;
+  margin-top: 0.25em;
+  min-height: 2em;
+}
+
 .command-shortcut {
-  float: right;
+  border: solid 1px #BFBFBF;
+  border-radius: 2px;
+  color: rgb(48, 57, 66);
+  display: inline-block;
+  height: 1.4em;
+  min-width: 12.5em;

[Evan Stade, 2012/06/06 23:04:45]

I assume it grows when it needs to?

[Finnur, 2012/06/07 12:41:02]

Yup, it does.

On 2012/06/06 23:04:45, Evan Stade wrote:

+  outline: none;
+  padding: 3px 0 1px 4px;
+}
+
+.clearable {
+  background: white url('chrome://theme/IDR_EXTENSION_COMMAND_CLOSE')
+              no-repeat right;
+}
+
+.capturing {
+  background: rgb(243, 244, 255);
+  border: solid 1px rgb(140, 147, 255);
+  color: #999;
+}
+
+.contains-chars {
+  color: rgb(48, 57, 66);
 }
 
 .inactive-keybinding {
-  color: Gray;
+  color: #999;
 }