MD Settings: restore super important about page functionality

chrome/browser/resources/settings/about_page/about_page.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="/about_page/about_page_browser_proxy.html">
 <link rel="import" href="/i18n_setup.html">
 <link rel="import" href="/icons.html">
 <link rel="import" href="/lifetime_browser_proxy.html">
 <link rel="import" href="/route.html">
 <link rel="import" href="/settings_page/main_page_behavior.html">
 <link rel="import" href="/settings_page/settings_animated_pages.html">
 <link rel="import" href="/settings_page/settings_section.html">
 <link rel="import" href="/settings_page_css.html">
@@ skipping 17 matching lines @@
       .copyable {
         -webkit-user-select: text;
       }
 
       .product-title {
         font-size: 20px;
         margin-bottom: auto;
         margin-top: auto;
       }
 
+      @-webkit-keyframes spin {
+        to { transform: rotate(-10turn); }
+      }
+
+      #product-logo.spin {
+        -webkit-animation: spin 500ms cubic-bezier(1, 0, 0, 1) forwards;
+      }
+
       img {
         -webkit-margin-end: 10px;
       }
 
       iron-icon {
         -webkit-margin-end: var(--iron-icon-spacing);
       }
 
       iron-icon[icon='settings:check-circle'] {
         fill: var(--paper-blue-600);
@@ skipping 15 matching lines @@
 
       #regulatoryInfo img {
         width: 330px;
       }
     </style>
     <div>
       <settings-section page-title="$i18n{aboutPageTitle}" section="about">
         <settings-animated-pages id="pages" section="about">
           <neon-animatable route-path="default">
             <div class="settings-box">
-              <img id="product-logo"
+              <img id="product-logo" on-tap="onProductLogoTap_"
                   srcset="chrome://theme/current-channel-logo@1x 1x,
                           chrome://theme/current-channel-logo@2x 2x" alt="">
               <span class="product-title">$i18n{aboutProductTitle}</span>
             </div>
             <div class="settings-box two-line">
               <iron-icon
                   hidden="[[!shouldShowUpdateStatusIcon_(
                       currentUpdateStatusEvent_)]]"
                   icon$="[[getIcon_(currentUpdateStatusEvent_)]]"
                   src="[[getIconSrc_(currentUpdateStatusEvent_)]]">
@@ skipping 91 matching lines @@
               <settings-detailed-build-info></settings-detailed-build-info>
             </settings-subpage>
           </template>
 </if>
         </settings-animated-pages>
       </settings-section>
     </div>
   </template>
   <script src="about_page.js"></script>
 </dom-module>