From 792d273b24d599377517ee259379e06a005652f1 Mon Sep 17 00:00:00 2001
From: Colin Grant <colin.grant@ericsson.com>
Date: Mon, 1 Jul 2024 09:02:46 -0600
Subject: [PATCH] Increase group gap

---
 media/memory-table.css              | 2 +-
 src/webview/columns/data-column.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/media/memory-table.css b/media/memory-table.css
index 476dfb6..db7899b 100644
--- a/media/memory-table.css
+++ b/media/memory-table.css
@@ -165,7 +165,7 @@
 
 .byte-group {
   font-family: var(--vscode-editor-font-family);
-  margin-right: 2px;
+  margin-right: 4px;
   padding: 0 1px; /* we use this padding to balance out the 2px that are needed for the editing */
 }
 
diff --git a/src/webview/columns/data-column.tsx b/src/webview/columns/data-column.tsx
index 4a929c2..2a01341 100644
--- a/src/webview/columns/data-column.tsx
+++ b/src/webview/columns/data-column.tsx
@@ -226,8 +226,8 @@ export class EditableDataColumnRow extends React.Component<EditableDataColumnRow
 
 export namespace DataColumn {
     export namespace Styles {
-        // `margin-right: 2px` per group (see memory-table.css)
-        export const MARGIN_RIGHT_PX = 2;
+        // `margin-right: 4px` per group (see memory-table.css)
+        export const MARGIN_RIGHT_PX = 4;
         // `padding: 0 1px` applies 1px right and left per group (see memory-table.css)
         export const PADDING_RIGHT_LEFT_PX = 2;
     }