Improving rendering of target branch pill (#8362)

Fixes #8355

Author: alexr00

webviews/components/header.tsx

@@ -280,10 +280,10 @@ function Subtitle({ state, stateReason, isDraft, isIssue, author, base, head, co
 							<button
 								title="Change base branch"
 								onClick={changeBaseBranch}
-								className="secondary"
+								className="secondary change-base"
 								aria-label="Change base branch"
 							>
-								<code className="branch-tag">{base}</code>
+								<code className="branch-tag">{base} {editIcon}</code>
 							</button>
 						) : (
 							<code className="branch-tag">{base}</code>

webviews/editorWebview/index.css

@@ -582,10 +582,13 @@ small-button {
 	flex: 1;
 }
 
-button code.branch-tag {
+button.secondary.change-base {
 	background-color: transparent;
-	padding-right: 0px;
-	padding-left: 0px;
+	padding: unset;
+}
+
+.change-base code {
+	display: flex;
 }
 
 :not(.status-item)>.small-button {