fix toggle summary button rendering artifact

Author: LariWa

web/main.ts

@@ -2782,13 +2782,13 @@ class GitGraphView {
 	}
 
 	private hideCdvSummary(hide: boolean) {
-		let btn = document.getElementById('cdvSummaryToggleBtn');
+		let btnIcon = document.getElementById('cdvSummaryToggleBtn')?.getElementsByTagName('svg')?.[0] ?? null;
 		let cdvSummary = document.getElementById('cdvSummary');
 		if (hide && !this.isCdvDocked()) {
-			if (btn) btn.classList.add('flipHorizontal');
+			if (btnIcon) btnIcon.style.transform = 'rotate(-90deg)';
 			cdvSummary!.classList.add('hidden');
 		} else {
-			if (btn) btn!.classList.remove('flipHorizontal');
+			if (btnIcon) btnIcon.style.transform = 'rotate(90deg)';
 			cdvSummary!.classList.remove('hidden');
 		}
 		let elem = document.getElementById('cdv');

web/styles/main.css

@@ -483,15 +483,14 @@ table { border-collapse: collapse; }
 	padding:2px;
 	width:16px;
 	height:16px;
-    background-color: color-mix(in srgb, var(--vscode-editor-background) 90%, rgba(128, 128, 128,1));}
+    background-color: color-mix(in srgb, var(--vscode-editor-background) 90%, rgba(128, 128, 128,1));
+	border-left: 1px solid var(--vscode-editor-background);
+}
 
 #cdvSummaryToggleBtn svg{
 	fill:var(--vscode-editor-foreground);
 	fill-opacity:0.6;
 }
-.flipHorizontal{
-	transform: rotate(180deg);
-}
 .hidden{
 	display: none;
 }