Increase group gap (#142)

Gap between groups 2px -> 4px
eclipse-cdt-cloud · Jul 9, 2024 · b20f07c · b20f07c
1 parent d9c6296
commit b20f07c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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;
     }