diff --git a/webviews/common/common.css b/webviews/common/common.css index e4463de0e3..27d7d74b68 100644 --- a/webviews/common/common.css +++ b/webviews/common/common.css @@ -141,6 +141,26 @@ body img.avatar { flex-shrink: 0; } +.icon-button { + display: flex; + padding: 2px; + background: transparent; + border-radius: 4px; + line-height: 0; +} + +.icon-button:hover, +.section .icon-button:hover, +.section .icon-button:focus { + background-color: var(--vscode-toolbar-hoverBackground); +} + +.icon-button:focus, +.section .icon-button:focus { + outline: 1px solid var(--vscode-focusBorder); + outline-offset: unset; +} + .section-item { display: flex; align-items: center; diff --git a/webviews/components/merge.tsx b/webviews/components/merge.tsx index 5f44df42d5..7d5cb9d5ec 100644 --- a/webviews/components/merge.tsx +++ b/webviews/components/merge.tsx @@ -81,12 +81,12 @@ const StatusChecks = ({ pr }: { pr: PullRequest }) => { const InlineReviewers = ({ pr, isSimple }: { pr: PullRequest; isSimple: boolean }) => { return isSimple && pr.state === GithubItemStateEnum.Open ? ( pr.reviewers ? ( - <> +