[MD Settings][People] Fixes picture tooltips and sizes in change picture page.

chrome/browser/resources/settings/people_page/change_picture.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/util.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys/iron-a11y-keys.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-selector/iron-selector.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="/i18n_setup.html">
 <link rel="import" href="/icons.html">
 <link rel="import" href="/people_page/camera.html">
 <link rel="import" href="/people_page/change_picture_browser_proxy.html">
 <link rel="import" href="/settings_shared_css.html">
 
 <dom-module id="settings-change-picture">
   <template>
     <style include="settings-shared">
       #container {
         -webkit-margin-start: 16px;
         align-items: flex-start;
         padding-top: 16px;
       }
 
+      #availableIcons {
+        margin: -8px;
+      }
+
       #availableIcons img,
       #availableIcons iron-icon {
         border-radius: 4px;
         margin: 8px;
       }
 
       #availableIcons img {
         height: 64px;
         padding: 2px;
         vertical-align: top;
         width: 64px;
       }
 
       #availableIcons iron-icon {
+        --iron-icon-fill-color: var(--google-grey-500);
+        --iron-icon-height: 32px;
+        --iron-icon-width: 32px;
         border: 1px solid var(--google-grey-500);
         padding: 17px;
       }
 
       #availableIcons .iron-selected {
         border: 2px solid var(--google-blue-500);
       }
 
       #availableIcons img.iron-selected {
         padding: 0;
@@ skipping 37 matching lines @@
     </style>
     <div id="container" class="settings-box" tabindex="0">
       <iron-a11y-keys keys="up down left right space enter"
           on-keys-pressed="onKeysPress_">
       </iron-a11y-keys>
       <div id="availableIcons" class="start">
         <iron-selector id="selector" on-iron-activate="onImageActivate_"
             selected-item="{{selectedItem_}}">
           <iron-icon id="cameraImage"
               data-type$="[[selectionTypesEnum_.CAMERA]]"
-              icon="settings:camera-alt" alt="$i18n{takePhoto}"
+              icon="settings:camera-alt" title="$i18n{takePhoto}"
               hidden="[[!cameraPresent_]]">
           </iron-icon>
           <iron-icon data-type$="[[selectionTypesEnum_.FILE]]"
-              icon="settings:folder" alt="$i18n{chooseFile}">
+              icon="settings:folder" title="$i18n{chooseFile}">
           </iron-icon>
           <img id="profileImage"
               data-type$="[[selectionTypesEnum_.PROFILE]]"
-              src="[[profileImageUrl_]]" alt="$i18n{profilePhotoLoading}">
+              src="[[profileImageUrl_]]" title="$i18n{profilePhotoLoading}">
           <img id="oldImage" data-type$="[[selectionTypesEnum_.OLD]]"
               src="[[oldImageUrl_]]" hidden="[[!oldImageUrl_]]">
           <template is="dom-repeat" items="[[defaultImages_]]">
             <img data-type$="[[selectionTypesEnum_.DEFAULT]]"
                 data-default-image-index$="[[index]]" src="[[item.url]]"
-                alt="[[item.title]]">
+                title="[[item.title]]">
           </template>
         </iron-selector>
         <template is="dom-if" if="[[isAuthorCreditShown_(selectedItem_)]]">
           <div id="authorCredit">
             $i18n{authorCredit}
             [[getAuthorName_(selectedItem_, defaultImages_)]]
             <a href="[[getAuthorWebsite_(selectedItem_, defaultImages_)]]"
                 target="_blank">
               [[getAuthorWebsite_(selectedItem_, defaultImages_)]]
             </a>
@@ skipping 11 matching lines @@
           </paper-icon-button>
         </div>
         <settings-camera id="camera"
             camera-active="[[isCameraActive_(cameraPresent_, selectedItem_)]]"
             on-phototaken="onPhotoTaken_">
       </div>
     </div>
   </template>
   <script src="change_picture.js"></script>
 </dom-module>