print preview: fix focus outline for increment/decrement/copies

chrome/browser/resources/print_preview/print_preview.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.
  */
 
 html {
   height: 100%;
 }
 
 body {
@@ skipping 114 matching lines @@
 }
 
 button.default {
   font-weight: bold;
 }
 
 button.default:not(:focus):not(:disabled) {
   border-color: #808080;
 }
 
-#increment,
-#decrement {
-  -webkit-padding-end: 8px;
-  -webkit-padding-start: 8px;
-  font-weight: 600;
-  min-width: 0;
-  position: relative;
-  width: 25px;
-}
-
-#increment {
-  -webkit-margin-start: -11px !important;
-  border-radius: 0;
-}
-
-#decrement {
-  -webkit-margin-start: -5px;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 3px;
-  border-top-left-radius: 0;
-  border-top-right-radius: 3px;
-}
-
-html[dir='rtl'] #decrement {
-  border-bottom-left-radius: 3px;
-  border-bottom-right-radius: 0;
-  border-top-left-radius: 3px;
-  border-top-right-radius: 0;
-}
-
 span.hint {
   -webkit-transition: color 200ms;
   background: white;
   display: block;
   font-size: 11px;
   font-weight: bold;
   height: 0;
   line-height: 10px;
   margin-bottom: 0;
   margin: 0;
@@ skipping 111 matching lines @@
  opacity: 1;
 }
 
 #collate-option[hidden] {
  -webkit-transition: opacity 100ms, -webkit-transform 100ms;
  opacity: 0;
  pointer-events: none;
 }
 
 #copies {
-  width: 2em;
+  position: relative;
+  width: 1.5em;
 }
 
 #copies.invalid {
   background: #fff0f0;
   color: #8c1414;
 }
 
+#increment,
+#decrement {
+  -webkit-padding-end: 8px;
+  -webkit-padding-start: 8px;
+  font-weight: 600;
+  min-width: 0;
+  position: relative;
+  width: 25px;
+}
+
+#increment:focus,
+#decrement:focus,
+#copies:focus {
+  z-index: 1;
+}
+
+#increment {
+  -webkit-margin-start: -5px;
+  border-radius: 0;
+}
+
+#decrement {
+  -webkit-margin-start: -5px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 3px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 3px;
+}
+
+html[dir='rtl'] #decrement {
+  border-bottom-left-radius: 3px;
+  border-bottom-right-radius: 0;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 0;
+}
+
 /* PDF view */
 
 #print-preview #mainview {
   -webkit-margin-start: 310px;
   -webkit-padding-start: 0;
   -webkit-user-select: none;
   background-color: #ccc;
   overflow: hidden;
 }
 
@@ skipping 96 matching lines @@
 /* TODO(estade): unfork this code. */
 .button-strip {
   -webkit-box-orient: horizontal;
   -webkit-box-pack: end;
   display: -webkit-box;
 }
 
 html[toolkit=views] .button-strip {
   -webkit-box-direction: reverse;
 }