Correct padding and focus ring for frameless constrained window dialog

chrome/browser/resources/shared/css/overlay.css

Index: chrome/browser/resources/shared/css/overlay.css
diff --git a/chrome/browser/resources/shared/css/overlay.css b/chrome/browser/resources/shared/css/overlay.css
index b8b80eb01aa76c9d27b05d3c6c441ff05dd3e345..f70d6dc3aefa44e3c494cef2b83a0556109b762b 100644
--- a/chrome/browser/resources/shared/css/overlay.css
+++ b/chrome/browser/resources/shared/css/overlay.css
@@ -73,11 +73,11 @@
   background-image: url('../images/x.png');
   background-position: center;
   background-repeat: no-repeat;
-  height: 24px;
+  height: 14px;
   position: absolute;
-  right: 10px;
-  top: 10px;
-  width: 24px;
+  right: 7px;
+  top: 7px;
+  width: 14px;
 }
 
 html[dir='rtl'] .overlay .page > .close-button {
@@ -89,6 +89,10 @@ html[dir='rtl'] .overlay .page > .close-button {
   background-image: url('../images/x-hover.png');
 }
 
+.overlay .page > .close-button:active {
+  background-image: url('../images/x-pressed.png');
+}
+
 .overlay .page h1 {
   -webkit-padding-end: 24px;
   -webkit-user-select: none;