[tabbed options] tidy up some bits of content settings

chrome/browser/resources/options/content_settings.css

 /*
 Copyright (c) 2010 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.
 */
 
 .exceptionPattern {
+  display: -webkit-box;
+  margin-right: 4px;

[arv (Not doing code reviews), 2010/12/22 23:39:13]

-webkit-margin-end

+  overflow: hidden;
   -webkit-box-flex: 1;

[James Hawkins, 2010/12/22 23:37:53]

-webkit-* should be at the top of the list.

-  display: -webkit-box;
-  overflow: hidden;
   white-space: nowrap;
 }
 
 .exceptionSetting {
   display: inline-block;
   width: 100px;
   margin-right: 20px;

[arv (Not doing code reviews), 2010/12/22 23:39:13]

-webkit-margin-end

 }
 
+select.exceptionSetting {
+  vertical-align: middle;
+}
+
+/* Hacks to make the <select> align better with the <input>. */
+html[toolkit=gtk] select.exceptionSetting {
+  height: 22px;
+  margin-top: 1px;
+}
+
 #exceptionColumnHeaders {
   display: -webkit-box;
-  margin-bottom: 4px;
   margin-top: 17px;
   -webkit-margin-start: 3px;

[James Hawkins, 2010/12/22 23:37:53]

Same as above.

 }
 
 #exceptionColumnHeaders > div {
   font-weight: bold;
 }
 
 #exceptionPatternColumn {
   -webkit-box-flex: 1;
 }
 
 #exceptionBehaviorColumn {
   width: 140px;
 }
+
+.otr_explanation {

[arv (Not doing code reviews), 2010/12/22 23:39:13]

.otrExplanation

+  font-style: italic;
+}
+
+#contentSettingsExceptionsArea list {
+  margin-bottom: 10px;
+  margin-top: 4px;
+}