[MD settings] removing a11y_page.css to unify settings styles further

chrome/browser/resources/settings/settings_shared.css

 /* Copyright 2015 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. */
 
 /**
  * @fileoverview
  * Common styles for Material Design settings.
  */
 
 h2 {
   color: #9e9e9e;
   font-size: 100%;
   font-weight: normal;
   margin-bottom: 20px;
   margin-top: 30px;
 }
 
-
 iron-icon {
   color: #969696;
 }
 
 paper-button {
   margin: 0;
   min-width: auto;
 }
 
 paper-button[toggles][active] {
   background-color: LightGray;
 }
 
+span + a {

[Dan Beam, 2016/01/25 18:54:07]

why not span ~ a?

[dschuyler, 2016/01/26 22:16:35]

Either will work in this case.  '+' has the draw
back that multiple <a> in the same line may not
get the styling.  '~' has the draw back that <a>
at the start of a following line (say after a <br>)
will get unwanted styling.  Neither of those
drawbacks currently apply though.

Done.

+  -webkit-margin-start: 4px;
+}
+
 .text-elide {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 .button-row {
   display: flex;
   margin-top: 25px;
 }
 
 .button-strip {
   text-align: end;
 }
 
 .list-frame {
   @apply(--layout-center);
   display: block;
   margin-left: 48px;
   padding: 0;
 }
 
+.list-frame select {
+  -webkit-margin-start: 4px;
+}
+
 .list-item {
   @apply(--layout-center);
   border-top: 1px solid #e0e0e0;
   display: flex;
   padding: 0;
 }
 
 .list-item:first-of-type {
   border-top: none;
 }
@@ skipping 35 matching lines @@
 }
 
 .settings-box:first-of-type {
   border-top: none;
 }
 
 .settings-box .secondary {
   color: #969696;
 }
 
+.settings-box[row] {

[Dan Beam, 2016/01/25 18:54:07]

why are you using an attribute here but classes otherwise?

[dschuyler, 2016/01/26 22:16:35]

I didn't recall the subtle difference between
the selectors
.foo .bar
and
.foo.bar
that allow a combination of classes to be
detected, so I was hacking it with an attribute.
Thanks!  They are now both classes.

Done.

+  display: flex;
+}
+
 .split {
   display: flex;
 }
 
 .split .start {
   flex: auto;
 }
 
 .settings-box paper-item iron-icon {
   /* Same padding as paper-icon-button. */
   padding: 8px;
 }