Uses icons for min-width graph headers

package.json

@@ -13767,7 +13767,7 @@
 		"vscode:prepublish": "yarn run bundle"
 	},
 	"dependencies": {
-		"@gitkraken/gitkraken-components": "8.2.2",
+		"@gitkraken/gitkraken-components": "9.0.0",
 		"@microsoft/fast-element": "1.11.1",
 		"@microsoft/fast-react-wrapper": "0.3.17",
 		"@octokit/core": "4.2.0",

src/webviews/apps/plus/graph/GraphWrapper.tsx

@@ -125,6 +125,13 @@ const createIconElements = (): { [key: string]: ReactElement } => {
 		'pull-request',
 		'show',
 		'hide',
+		'branch',
+		'graph',
+		'commit',
+		'author',
+		'datetime',
+		'message',
+		'changes',
 	];
 
 	const miniIconList = ['upstream-ahead', 'upstream-behind'];

src/webviews/apps/plus/graph/graph.scss

@@ -595,6 +595,66 @@ button:not([disabled]),
 			content: '\ea9a';
 		}
 	}
+
+	&--branch {
+		&::before {
+			// codicon-git-branch
+			font-family: codicon;
+			content: '\ea68';
+			top: 0px;
+			margin: 0 0 0 0;
+		}
+	}
+
+	&--graph {
+		&::before {
+			// glicon-graph
+			font-family: glicons;
+			content: '\f102';
+		}
+	}
+
+	&--commit {
+		&::before {
+			// codicon-git-commit
+			font-family: codicon;
+			content: '\eafc';
+			top: 0px;
+			margin: 0 0 0 0;
+		}
+	}
+
+	&--author {
+		&::before {
+			// codicon-account
+			font-family: codicon;
+			content: '\eb99';
+		}
+	}
+
+	&--datetime {
+		&::before {
+			// glicon-clock
+			font-family: glicons;
+			content: '\f11d';
+		}
+	}
+
+	&--message {
+		&::before {
+			// codicon-comment
+			font-family: codicon;
+			content: '\ea6b';
+		}
+	}
+
+	&--changes {
+		&::before {
+			// codicon-request-changes
+			font-family: codicon;
+			content: '\eb43';
+		}
+	}
 }
 
 .titlebar {

yarn.lock

@@ -202,10 +202,10 @@
   resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6"
   integrity sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==
 
-"@gitkraken/gitkraken-components@8.2.2":
-  version "8.2.2"
-  resolved "https://registry.yarnpkg.com/@gitkraken/gitkraken-components/-/gitkraken-components-8.2.2.tgz#c76f5542baafafeb45196596f3b15fa552dd33d9"
-  integrity sha512-sroEJPXeS6Orx+PhBr165y5feFk/In23lvVwz2OUth0eoYOO5jR8ValgsRY/J78JRUY9ZoP6lGxDjLENfzOSZg==
+"@gitkraken/gitkraken-components@9.0.0":
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/@gitkraken/gitkraken-components/-/gitkraken-components-9.0.0.tgz#2d9bfab60cf4fa646d0192f59e5295dddc988c17"
+  integrity sha512-fB3BHDtcOvdT/RSvJP0fizpnqKFcOARB4SJrxuGIlMU9mxL3zE1gazMS22Yd4RryjnQ2vO/aIsOQ7Yw3ADqvNw==
   dependencies:
     "@axosoft/react-virtualized" "9.22.3-gitkraken.3"
     classnames "2.3.2"