WebUI "Edit Search Engine" Dialog now wider and deeper and buttons bottom justified

chrome/browser/resources/edit_search_engine_dialog.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.
  */
 
 html, body {
   height: 100%;
   margin: 0;
   overflow: hidden;
 }
@@ skipping 19 matching lines @@
 }
 
 #middle-box {
   padding: 4px 9px 0 9px;
 }
 
 .action-area {
   -webkit-box-align: center;
   -webkit-box-orient: horizontal;
   -webkit-box-pack: end;
+  bottom: 0px;

[arv (Not doing code reviews), 2011/11/29 20:25:57]

s/0px/0/

[Kevin Greer, 2011/11/29 21:44:53]

Done.

   display: -webkit-box;
   padding: 12px;
+  position: absolute;

[arv (Not doing code reviews), 2011/11/29 20:25:57]

This seems a bit strange to me. Why do we want to position: absolute instead of
just increasing the margin-top.

[Kevin Greer, 2011/11/29 21:44:53]

I want the buttons to be a fixed distance from the bottom of the screen,
irregardless of the size of the text above, or if the dialog is re-sized.

+  right: 0px;

[arv (Not doing code reviews), 2011/11/29 20:25:57]

RTL?

html[dir=rtl] .action-area {
  left: 0;
  right: auto;
}

[Kevin Greer, 2011/11/29 21:44:53]

Done.

   text-align: end;

[arv (Not doing code reviews), 2011/11/29 20:25:57]

text-align is not needed if we go with position absolute

[Kevin Greer, 2011/11/29 21:44:53]

removed

 }
 
 .button-strip {
   -webkit-box-orient: horizontal;
   display: -webkit-box;
 }
 
 .button-strip > button {
   -webkit-margin-start: 10px;
   display: block;
   white-space: nowrap;
 }
 
 .valid {
   background-image: url("chrome://theme/IDR_INPUT_GOOD");
   height: 21px;
   width: 22px;
 }
 
 .invalid {
   background-image: url("chrome://theme/IDR_INPUT_ALERT");
   height: 21px;
   width: 22px;
 }