[MD settings] Language settings layout closer to mocks

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 e8ce7797ac3274aa3843876e6bf74dbb6ddafedf..2559a68074381dea727b0a18c9886163d924b92b 100644
--- a/chrome/browser/resources/settings/settings_shared.css
+++ b/chrome/browser/resources/settings/settings_shared.css
@@ -19,6 +19,10 @@ iron-icon {
   color: #969696;
 }
 
+iron-icon[icon=done] {
+  color: rgb(0, 128, 0);
+}
+
 paper-button {
   margin: 0;
   min-width: auto;
@@ -64,6 +68,7 @@ span ~ a {
 .list-item {
   @apply(--layout-center);
   display: flex;
+  min-height: 40px;
   padding: 0;
 }
 
@@ -84,6 +89,16 @@ span ~ a {
   padding: 0;
 }
 
+/* This button has no ink ripple */

[michaelpg, 2016/02/11 01:06:44]

nit: period. also why is this comment necessary?

[dschuyler, 2016/02/11 01:30:08]

Alan wants some to have ink ripples and others not to.
I was looking for a place to remind myself which 
was which.  I'm fine keeping or removing this comment.
I lean (51%) toward keeping it :)

Done.

[michaelpg, 2016/02/11 01:34:11]

Well, I lean (50.5%) toward removing it. *sigh* I guess you win. :-P

+.list-item.list-button {
+  @apply(--layout-center);
+  color: rgb(66, 133, 244);
+  font-weight: 500;
+  padding: 0;
+  text-decoration: none;
+  text-transform: none;
+}
+
 .link-button {
   color: rgb(61, 130, 243);
   padding-bottom: 6px;