Make fixed size scrolling more like other lists.

chrome/browser/resources/settings/settings_shared_css.html

 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
 <link rel="import" href="settings_vars_css.html">
 
 <!-- Common styles for Material Design settings. -->
 <dom-module id="settings-shared">
   <template>
     <style include="cr-shared-style">
       :host-context([dir=rtl]) button[is='paper-icon-button-light'] {
         transform: scaleX(-1);  /* Flip on the X axis (aka mirror). */
       }
@@ skipping 210 matching lines @@
 
       /* This button has no ink ripple. */
       .list-button[is='action-link'] {
         align-items: center;
         display: flex;
         flex: 1;
         font-weight: 500;
         min-height: inherit;
       }
 
       .fixed-height-list {

[scottchen, 2017/05/03 23:01:27]

- Would fixed-height-container be the more suitable name now?
- Can this just be within search_engines_list.html, if that's the only place
that uses this class?

[dschuyler, 2017/05/08 20:35:29]

I'm flexible on the class name, but I agree that it should be moved to the file
where it is used it it's only used in one place.

Also consider a comment about the "* 6" part of the calc (i.e. why is it there).

[hcarmona, 2017/05/08 21:32:23]

Sorry for forwarding before updating the CL.
Moved to search_engines_list.html, added comment, and renamed.

         max-height: calc((var(--settings-row-min-height) +
                           var(--settings-separator-height)) * 6);
-        overflow-y: auto;
       }
 
       /* A row with two lines of text. Often the lower line will be .secondary.
        */
       .two-line {
         min-height: var(--settings-row-two-line-min-height);
       }
 
       /* A settings-box is a horizontal row of text or controls within a
        * setting section (page or subpage). */
@@ skipping 147 matching lines @@
         transform: rotate(-135deg);
       }
 
       .column-header {
         color: var(--paper-grey-600);
         font-weight: 500;
       }
     </style>
   </template>
 </dom-module>