Fixes alignments & border-radius issues

Author: eamodio

src/webviews/apps/commitDetails/components/commit-action.css.ts

@@ -5,11 +5,11 @@ export const commitActionStyles = css`
 		display: inline-flex;
 		justify-content: center;
 		align-items: center;
-		height: 21px;
+		height: 2rem;
 		border-radius: 0.25em;
 		color: inherit;
 		padding: 0.2rem;
-		vertical-align: text-bottom;
+		vertical-align: middle;
 		text-decoration: none;
 		gap: 0.2rem;
 	}

src/webviews/apps/shared/components/chips/action-chip.ts

@@ -53,7 +53,7 @@ export class ActionChip extends LitElement {
 				justify-content: center;
 				align-items: center;
 				gap: 0.2rem;
-				vertical-align: middle;
+				/* vertical-align: middle; */
 				color: inherit;
 				min-width: 2rem;
 				height: 2rem;

src/webviews/apps/shared/styles/details-base.scss

@@ -143,7 +143,7 @@ ul {
 	border: 1px solid var(--vscode-input-border);
 	background: var(--vscode-input-background);
 	padding: 0.5rem;
-	border-radius: 2px;
+	border-radius: 0.2rem 0.2rem 0 0;
 
 	&__text {
 		margin: 0;
@@ -177,9 +177,16 @@ ul {
 	font-size: 1.3rem;
 	color: var(--color-foreground--65);
 	background: var(--color-background--level-075);
-	border-radius: 0 0 0.2rem 0.2rem;
 	padding: 0.2rem;
 
+	&:last-child {
+		border-radius: 0 0 0.2rem 0.2rem;
+	}
+
+	&:first-of-type:last-child {
+		border-radius: 0.2rem;
+	}
+
 	gl-action-chip::part(icon),
 	gl-autolink-chip::part(icon),
 	gl-commit-date,