Add a dot separator between projects (#6622)

Fixes #5792

Author: alexr00

webviews/createPullRequestViewNew/app.tsx

@@ -315,9 +315,9 @@ export function main() {
 									onClick={(e) => activateCommand(e.nativeEvent, 'pr.changeProjects')}
 									onKeyPress={(e) => activateCommand(e.nativeEvent, 'pr.changeProjects')}
 								>
-									{params.projects.map(project =>
+									{params.projects.map((project, index) =>
 										<li>
-											<span key={project.id}>{project.title}</span>
+											<span key={project.id}>{index > 0 ? <span className='sep'>&#8226;</span> : null}{project.title}</span>
 										</li>)}
 								</ul>
 							</div>

webviews/createPullRequestViewNew/index.css

@@ -240,6 +240,10 @@ textarea {
 	padding: 2px;
 }
 
+.group-additions ul li .sep {
+	padding-right: 7px;
+}
+
 .labels ul li {
 	border: 1px solid var(--vscode-menu-separatorBackground);
 	border-radius: 2px;