From 41385a7abd1f4f0c74c5917da43344d67975f346 Mon Sep 17 00:00:00 2001
From: Eric Amodio <eamodio@gmail.com>
Date: Mon, 22 Aug 2022 03:17:06 -0400
Subject: [PATCH] =?UTF-8?q?Changes=20commit=20details=20file=20stats=20sty?=
 =?UTF-8?q?ling=20=F0=9F=92=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/webviews/apps/shared/components/commit/commit-identity.ts |  2 +-
 src/webviews/apps/shared/components/commit/commit-stats.ts    | 10 ++++------
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/webviews/apps/shared/components/commit/commit-identity.ts b/src/webviews/apps/shared/components/commit/commit-identity.ts
index 9828e87..66a7bb8 100644
--- a/src/webviews/apps/shared/components/commit/commit-identity.ts
+++ b/src/webviews/apps/shared/components/commit/commit-identity.ts
@@ -7,7 +7,7 @@ export class CommitIdentity extends LitElement {
 	static override styles = css`
 		:host {
 			display: grid;
-			gap: 0.25rem 0.5rem;
+			gap: 0rem 1rem;
 			justify-content: start;
 		}
 		a {
diff --git a/src/webviews/apps/shared/components/commit/commit-stats.ts b/src/webviews/apps/shared/components/commit/commit-stats.ts
index 7ec290e..20dcbcc 100644
--- a/src/webviews/apps/shared/components/commit/commit-stats.ts
+++ b/src/webviews/apps/shared/components/commit/commit-stats.ts
@@ -9,15 +9,13 @@ export class CommitStats extends LitElement {
             display: inline-flex;
             flex-direction: row;
             align-items: center;
-            gap: 0.5rem;
-            vertical-align: middle;
+            gap: 1rem;
         }
 
         .stat {
             display: inline-flex;
             flex-direction: row;
             align-items: center;
-            min-width: 3.4em;
         }
 
         .stat code-icon {
@@ -53,13 +51,13 @@ export class CommitStats extends LitElement {
 	override render() {
 		return html`
 			<span class="stat added" title="${this.added} added" aria-label="${this.added} added"
-				><code-icon icon="diff-added"></code-icon><span class="label">${this.added}</span></span
+				><span class="label">+${this.added}</span></span
 			>
 			<span class="stat modified" title="${this.modified} modified" aria-label="${this.modified} modified"
-				><code-icon icon="diff-modified"></code-icon><span class="label">${this.modified}</span></span
+				><span class="label">~${this.modified}</span></span
 			>
 			<span class="stat deleted" title="${this.removed} removed" aria-label="${this.removed} removed"
-				><code-icon icon="diff-removed"></code-icon><span class="label">${this.removed}</span></span
+				><span class="label">-${this.removed}</span></span
 			>
 		`;
 	}