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

chrome/browser/resources/settings/settings_shared.css

Index: chrome/browser/resources/settings/settings_shared.css
diff --git a/chrome/browser/resources/settings/settings_shared.css b/chrome/browser/resources/settings/settings_shared.css
index 90d956d8581bed665f04e979764acba96f3848a3..99132b1c19c8cfbf805b4614daf14acd73ed0b2f 100644
--- a/chrome/browser/resources/settings/settings_shared.css
+++ b/chrome/browser/resources/settings/settings_shared.css
@@ -15,7 +15,6 @@ h2 {
   margin-top: 30px;
 }
 
-
 iron-icon {
   color: #969696;
 }
@@ -29,6 +28,10 @@ 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;
@@ -51,6 +54,10 @@ paper-button[toggles][active] {
   padding: 0;
 }
 
+.list-frame select {
+  -webkit-margin-start: 4px;
+}
+
 .list-item {
   @apply(--layout-center);
   border-top: 1px solid #e0e0e0;
@@ -106,6 +113,10 @@ paper-button[toggles][active] {
   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;
 }