[MD settings] Language settings layout closer to mocks

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;
 }
 
+iron-icon[icon=done] {
+  color: rgb(0, 128, 0);
+}
+
 paper-button {
   margin: 0;
   min-width: auto;
 }
 
 paper-button[toggles][active] {
   background-color: LightGray;
 }
 
 span ~ a {
@@ skipping 25 matching lines @@
   -webkit-margin-start: 4px;
 }
 
 .list-frame .secondary {
   color: #969696;
 }
 
 .list-item {
   @apply(--layout-center);
   display: flex;
+  min-height: 40px;
   padding: 0;
 }
 
 .list-item > .middle {
   flex: 1;
   margin: 8px 12px;
   overflow: hidden;
   white-space: nowrap;
 }
 
 .list-item > .start {
   flex: 1;
   overflow: hidden;
   white-space: nowrap;
 }
 
 .list-item > paper-icon-item {
   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;
   padding-left: 0;
   padding-right: 0;
   padding-top: 6px;
   text-transform: none;
 }
 
 .settings-card {
@@ skipping 33 matching lines @@
   padding: 8px;
 }
 
 .vertical-list > div:first-of-type {
   border-top: none;
 }
 
 .vertical-list > div {
   border-top: 1px solid #e0e0e0;
 }