Material PDF: Fix inconsistent behaviour in page selector, update styling

chrome/browser/resources/pdf/elements/viewer-page-selector/viewer-page-selector.css

Index: chrome/browser/resources/pdf/elements/viewer-page-selector/viewer-page-selector.css
diff --git a/chrome/browser/resources/pdf/elements/viewer-page-selector/viewer-page-selector.css b/chrome/browser/resources/pdf/elements/viewer-page-selector/viewer-page-selector.css
index 2d298ce1cb8030f235db8378c947a4f39b201177..39805119aa8792b3ec677ea478d6a0ad5e8b53eb 100644
--- a/chrome/browser/resources/pdf/elements/viewer-page-selector/viewer-page-selector.css
+++ b/chrome/browser/resources/pdf/elements/viewer-page-selector/viewer-page-selector.css
@@ -7,33 +7,34 @@
   width: 0.6em;
 }
 
-paper-input /deep/ ::-webkit-input-placeholder {
-  color: rgb(241, 241, 241);
+paper-input-container /deep/ .focused-line {
+  visibility: hidden;
 }
 
-paper-input /deep/ .focused-line {
-  background-color: rgb(241, 241, 241);
+paper-input-container /deep/ .unfocused-line {
+  visibility: hidden;
 }
 
-paper-input /deep/ .unfocused-line {
-  background-color: transparent;
-}
-
-paper-input:hover /deep/ .unfocused-line {
-  background-color: rgb(241, 241, 241);
-}
-
-paper-input /deep/ paper-input-container {
+paper-input-container {
   padding: 0;
 }
 
-paper-input /deep/ paper-input-container /deep/ input#input {
-  color: rgb(241, 241, 241);
+input#input {
+  color: #fff;
   font-size: 1em;
+  line-height: 20px;
+  padding: 3px;
   text-align: right;
 }
 
+input#input:focus {
+  background-color: rgba(0, 0, 0, 0.5);
+  border-radius: 2px;
+}
+
 #pagelength {
-  color: rgb(144, 202, 251);
+  color: #fff;
   font-size: 0.7em;
+  font-weight: 400;
+  padding-left: 3px;
 }