tweaked select mode icon

src/mol-plugin-ui/controls/icons.tsx

@@ -48,7 +48,7 @@ type FontIconName =
     | 'moon' | 'flight' | 'paper-plane' | 'leaf' | 'lifebuoy' | 'mouse' | 'briefcase' | 'suitcase' | 'dot' | 'dot-2' | 'dot-3' | 'brush' | 'infinity'
     | 'erase' | 'chart-pie' | 'chart-line' | 'chart-bar' | 'chart-area' | 'graduation-cap' | 'language' | 'ticket' | 'water' | 'droplet' | 'air'
     | 'credit-card' | 'clipboard' | 'megaphone' | 'drive' | 'bucket' | 'thermometer' | 'key' | 'flow-branch' | 'flow-line' | 'flow-parallel' | 'rocket'
-    | 'gauge' | 'help-circle-collapse' | 'help-circle-expand'
+    | 'gauge' | 'help-circle-collapse' | 'help-circle-expand' | 'mouse-plus'
 
 function FontIcon(props: {
     name: FontIconName,

src/mol-plugin-ui/skin/base/icons.scss

@@ -49,6 +49,8 @@
 	content: "\e81d\0020\e883";
 }
 
+.msp-icon-mouse-plus:before { content: "\e8ba\e816"; }
+
 .msp-icon-expand-layout:before { content: "\e84a"; }
 .msp-icon-plus:before { content: "\e816"; }
 .msp-icon-minus:before { content: "\e819"; }

src/mol-plugin-ui/viewport.tsx

@@ -104,7 +104,7 @@ export class ViewportControls extends PluginUIComponent<ViewportControlsProps, V
                 </div>
                 {this.plugin.config.get(PluginConfig.Viewport.ShowSelectionMode) && <div>
                     <div className='msp-semi-transparent-background' />
-                    {this.icon('check', this.toggleSelectionMode, 'Toggle Selection Mode', this.plugin.behaviors.interaction.selectionMode.value)}
+                    {this.icon('mouse-plus', this.toggleSelectionMode, 'Toggle Selection Mode', this.plugin.behaviors.interaction.selectionMode.value)}
                 </div>}
             </div>
             {this.state.isScreenshotExpanded && <div className='msp-viewport-controls-panel'>