MD Settings: make custom UIs look "actionable"

chrome/browser/resources/settings/languages_page/languages_page.html

Index: chrome/browser/resources/settings/languages_page/languages_page.html
diff --git a/chrome/browser/resources/settings/languages_page/languages_page.html b/chrome/browser/resources/settings/languages_page/languages_page.html
index e2f8bac7f04c822bbca6b38dd14047568c2b6548..4b73845cdc811abb80480fb23aa328c9e4c00ced 100644
--- a/chrome/browser/resources/settings/languages_page/languages_page.html
+++ b/chrome/browser/resources/settings/languages_page/languages_page.html
@@ -47,7 +47,7 @@
             <template is="dom-repeat" items="[[languages.enabled]]">
               <div class$="list-item [[getLanguageItemClass_(

[dpapad, 2016/06/23 22:07:45]

Similarly to menu-item, this could be done as follows,

.list-item {
 --@apply(--settings-actionable);
}

[Dan Beam, 2016/06/23 23:31:49]

there's nothing about being an item in a list that is inherently actionable, but
being a list-button is
Done.

                       item.language.code, prefs.intl.app_locale.value)]]"
-                  on-tap="onLanguageTap_">
+                  on-tap="onLanguageTap_" actionable>
 <if expr="not chromeos and not is_win">
                 <div class="start" title="[[item.language.nativeDisplayName]]">
                   [[item.language.displayName]]
@@ -68,7 +68,8 @@
                     on-tap="onShowLanguageDetailTap_"></paper-icon-button>
               </div>
             </template>
-            <div class="list-item list-button" on-tap="onManageLanguagesTap_">
+            <div class="list-item list-button" on-tap="onManageLanguagesTap_"
+                actionable>
               $i18n{manageLanguages}
             </div>
           </div>
@@ -91,7 +92,7 @@
                 items="[[languages.inputMethods.enabled]]">
               <div class$="list-item [[getInputMethodItemClass_(
                       item.id, languages.inputMethods.currentId)]]"
-                  on-tap="onInputMethodTap_">
+                  on-tap="onInputMethodTap_" actionable>
                 <div>[[item.displayName]]</div>
                 <div class="middle">
                   <iron-icon icon="settings:done"
@@ -105,7 +106,7 @@
                 </paper-icon-button>
               </div>
             </template>
-            <div class="list-item list-button"
+            <div class="list-item list-button" actionable
                 on-tap="onManageInputMethodsTap_">
               $i18n{manageInputMethods}
             </div>
@@ -142,7 +143,8 @@
                 </paper-toggle-button>
               </label>
             </template>
-            <div class="list-item list-button" on-tap="onEditDictionaryTap_">
+            <div class="list-item list-button" on-tap="onEditDictionaryTap_"
+                actionable>
               $i18n{manageSpellCheck}
             </div>
           </div>