Changes commit details file stats styling 💄

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 {

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"
-				><codespan>-icon class="na">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"
-				><codespan>-icon class="na">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"
-				><codespan>-icon class="na">icon="diff-removed"></code-icon><span class="label">${this.removed}</span></span
+				><span class="label">-${this.removed}</span></span
 			>
 		`;
 	}