history: fix focus outline for [ All | Week | Month ] controls.

chrome/browser/resources/history/history.css

 /* Copyright (c) 2012 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. */
 
 html[dir='rtl'] body.uber-frame > .page {
   -webkit-margin-end: 0;
 }
 
 body.uber-frame > .page.big-topbar-page {
   padding-top: 78px;
@@ skipping 147 matching lines @@
   letter-spacing: normal;
   line-height: 2em;
   margin: 0;
   min-height: 2em;
   min-width: 4em;
   text-align: center;
   text-indent: 0;
   text-shadow: 0 1px 0 rgb(240, 240, 240);
   text-transform: none;
   vertical-align: middle;
+  width: auto;
   word-spacing: normal;
 }
 
 #timeframe-controls input[type='radio']:not(:first-of-type) {
   -webkit-border-start-width: 0;
 }
 
+#timeframe-controls input[type='radio']:not(:first-of-type):focus {
+  -webkit-border-start-width: 1px;
+  -webkit-margin-start: -1px;
+}
+
 html[dir='ltr'] #timeframe-controls input[type='radio']:first-of-type,
 html[dir='rtl'] #timeframe-controls input[type='radio']:last-of-type {
   border-bottom-left-radius: 2px;
   border-top-left-radius: 2px;
 }
 
 html[dir='ltr'] #timeframe-controls input[type='radio']:last-of-type,
 html[dir='rtl'] #timeframe-controls input[type='radio']:first-of-type {
   border-bottom-right-radius: 2px;
   border-top-right-radius: 2px;
 }
 
 #timeframe-controls input[type='radio']:checked {
   background-image: -webkit-linear-gradient(rgb(185, 185, 185),
                                             rgb(216, 216, 216) 38%,
                                             rgb(167, 167, 167));
 }
 
 #timeframe-controls input[type='radio']:focus {
   border-color: rgb(77, 144, 254);
 }
 
 #timeframe-controls input[type='radio']::before {
   display: none;  /* Hide the ( )/(O). */
 }
 
 #timeframe-controls input[type='radio']::after {
   content: attr(aria-label);
+  padding: 0 1em;
 }
 
 #results-display {
   margin: 16px 0 0 0;
 }
 
 .edit-button {
   -webkit-appearance: none;
   background: none;
   border: 0;
@@ skipping 402 matching lines @@
   background-image: url(../../../../ui/webui/resources/images/phone_small.png);
   background-position: 14px center;
   padding-left: 43px;
 }
 
 #action-menu[data-devicetype='tablet']::before {
   background-image: url(../../../../ui/webui/resources/images/tablet_small.png);
   background-position: 17px center;
   padding-left: 49px;
 }