[MD settings] Prevent distortion of icons in cramped UI

chrome/browser/resources/settings/settings_shared_css.html

Index: chrome/browser/resources/settings/settings_shared_css.html
diff --git a/chrome/browser/resources/settings/settings_shared_css.html b/chrome/browser/resources/settings/settings_shared_css.html
index 23f175b0981562ce8d84f33be2e330971d3fb099..0db7f2db557a0a30fcdde8f7801969c87e48b8b4 100644
--- a/chrome/browser/resources/settings/settings_shared_css.html
+++ b/chrome/browser/resources/settings/settings_shared_css.html
@@ -32,6 +32,10 @@
         padding-top: 24px;
       }
 
+      iron-icon {
+        flex-shrink: 0;  /* Prevent distortion of icons in cramped UI. */

[hcarmona, 2017/04/20 00:48:03]

Are icons allowed to grow? should this just be flex: 0;

[dschuyler, 2017/04/20 01:24:56]

Using flex: 0; causes the icon to disappear. flex can be used to set the flex
grow, shrink, and basis in one go. To prevent growing, I think a grow of zero
would be needed (or not using flex). Either way, growing hasn't been an issue
that I'm aware of.

[hcarmona, 2017/04/20 01:38:26]

Acknowledged.

+      }
+
       iron-icon[icon='cr:check'],
       iron-icon[icon='settings:done'] {
        --iron-icon-fill-color: var(--google-green-500);