Reduce hit target of More Memory loader (#143)

Ensures that user must hover text to avoid accidental interactions
eclipse-cdt-cloud · Jul 9, 2024 · d9c6296 · d9c6296
1 parent fa67c60
commit d9c6296
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/webview/components/memory-table.tsx b/src/webview/components/memory-table.tsx
@@ -468,7 +468,7 @@ export class MemoryTable extends React.PureComponent<MemoryTableProps, MemoryTab
 
         if (this.props.memory !== undefined) {
             const prependScrollingBehaviors: ScrollingBehavior[] = ['Grow', 'Auto-Append'];
-            memorySelect = <div className='flex-auto'>
+            memorySelect = <div className='flex flex-auto justify-content-center'>
                 <MoreMemorySelect
                     activeReadArguments={this.props.activeReadArguments}
                     options={[128, 256, 512]}
@@ -499,7 +499,7 @@ export class MemoryTable extends React.PureComponent<MemoryTableProps, MemoryTab
         let memorySelect: React.ReactNode | undefined;
 
         if (this.props.memory !== undefined) {
-            memorySelect = <div className='flex-auto'>
+            memorySelect = <div className='flex flex-auto justify-content-center'>
                 <MoreMemorySelect
                     activeReadArguments={this.props.activeReadArguments}
                     options={[128, 256, 512]}