From 3fa42a6920d29d7995cad7000e05beb62e02f822 Mon Sep 17 00:00:00 2001
From: David Sehnal <david.sehnal@gmail.com>
Date: Wed, 6 Mar 2019 20:52:35 +0100
Subject: [PATCH] mol-plugin: stack viewport icons vertically
---
src/mol-plugin/ui/viewport.tsx | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/src/mol-plugin/ui/viewport.tsx b/src/mol-plugin/ui/viewport.tsx
index fdb374fbb..11a8462f9 100644
--- a/src/mol-plugin/ui/viewport.tsx
+++ b/src/mol-plugin/ui/viewport.tsx
@@ -71,10 +71,10 @@ export class ViewportControls extends PluginUIComponent {
// TODO: show some icons dimmed etc..
return <div className={'msp-viewport-controls'}>
<div className='msp-viewport-controls-buttons'>
- {this.icon('tools', this.toggleControls, 'Toggle Controls', this.plugin.layout.state.showControls)}
+ {this.icon('reset-scene', this.resetCamera, 'Reset Camera')}<br/>
+ {this.icon('settings', this.toggleSettingsExpanded, 'Settings', this.state.isSettingsExpanded)}<br/>
+ {this.icon('tools', this.toggleControls, 'Toggle Controls', this.plugin.layout.state.showControls)}<br/>
{this.icon('expand-layout', this.toggleExpanded, 'Toggle Expanded', this.plugin.layout.state.isExpanded)}
- {this.icon('settings', this.toggleSettingsExpanded, 'Settings', this.state.isSettingsExpanded)}
- {this.icon('reset-scene', this.resetCamera, 'Reset Camera')}
</div>
{this.state.isSettingsExpanded &&
<div className='msp-viewport-controls-scene-options'>
--
GitLab