ntp4: re-add a css change

chrome/browser/resources/ntp4/nav_dot.css

 /* Copyright (c) 2011 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 /* TODO(estade): handle overflow better? I tried overflow-x: hidden and
    overflow-y: visible (for the new dot animation), but this makes a scroll
    bar appear */
 #dot-list {
   display: -webkit-box;
   height: 100%;
   list-style-type: none;
   margin: 0;
   padding: 0;
   /* Expand to take up all available horizontal space.  */
   -webkit-box-flex: 1;
   /* Center child dots. */
   -webkit-box-pack: center;
 }
 
 .dot {
   box-sizing: border-box;
   cursor: pointer;
   max-width: 80px;
+  outline: none;
   text-align: left;
   -webkit-box-flex: 1;
   -webkit-margin-end: 10px;
   -webkit-padding-start: 2px;
   -webkit-transition: max-width 0.25s, -webkit-margin-end 0.25s;
 }
 
 .dot:last-child {
   -webkit-margin-end: 0;
 }
@@ skipping 37 matching lines @@
   color: #7f7f7f;
 }
 
 .dot:focus .selection-bar, .dot:hover .selection-bar {
   border-color: #b2b2b2;
 }
 
 .dot.selected .selection-bar {
   border-color: #7f7f7f;
 }