Fix PR quote button centering in focus border (#7216)

* Initial plan

* Fix PR quote button focus border centering issue

Co-authored-by: alexr00 <38270282+alexr00@users.noreply.github.com>

* Fix padding

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: alexr00 <38270282+alexr00@users.noreply.github.com>

Author: Copilot

webviews/common/common.css

@@ -170,7 +170,7 @@ body img.avatar {
 .icon-button:focus,
 .section .icon-button:focus {
 	outline: 1px solid var(--vscode-focusBorder);
-	outline-offset: unset;
+	outline-offset: 1px;
 }
 
 .label .icon-button:hover,

webviews/editorWebview/index.css

@@ -200,6 +200,11 @@ body .comment-container .review-comment-header {
 	height: 14px;
 }
 
+.comment-actions .icon-button {
+	padding-left: 2px;
+	padding-top: 2px;
+}
+
 .status-scroll {
 	max-height: 220px;
 	overflow-y: auto;