diff --git a/src/styles/app.css b/src/styles/app.css
index cb7160e..a2d887d 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -370,6 +370,12 @@ body {
float: right;
}
+.section-buttons-group-left {
+ height: auto !important;
+ padding: 5px;
+ float: left;
+}
+
.section-buttons-group-right .rc-slider {
margin-left: 12px;
}
diff --git a/src/widget/widget-toolbox.js b/src/widget/widget-toolbox.js
index 9e6838b..56e4e72 100644
--- a/src/widget/widget-toolbox.js
+++ b/src/widget/widget-toolbox.js
@@ -104,7 +104,47 @@ class WidgetToolbox extends React.Component {
const thereIsTopologyWidget = this.props.widgets != null && Object.values(this.props.widgets).filter(w => w.type === 'Topology').length > 0;
const topologyItemMsg = thereIsTopologyWidget? 'Currently only one is supported' : '';
- return
+ return (
+
+
+
+
+ Show/ hide available Cosmetic Widgets } >
+
+
+ Show/ hide available Displaying Widgets } >
+
+
+ Show/ hide available Manipulation Widgets } >
+
+
+
+
+
+
+ Grid: { this.props.grid > 1 ? this.props.grid : 'Disabled' }
+
+ Increase dashboard height } >
+
+
+ Decrease dashboard height } >
+
+
+
+
+
+
+
+
+
+
@@ -142,52 +182,16 @@ class WidgetToolbox extends React.Component {
-
-
-
-
- Grid: { this.props.grid > 1 ? this.props.grid : 'Disabled' }
-
-
-
+
-
-
- Show/ hide available Cosmetic Widgets } >
-
-
- Show/ hide available Displaying Widgets } >
-
-
- Show/ hide available Manipulation Widgets } >
-
-
- Increase dashboard height } >
-
-
- Decrease dashboard height } >
-
-
-
-
- ;
+
+
+
+ )
};
}
-
+
WidgetToolbox.propTypes = {
widgets: PropTypes.array,
grid: PropTypes.number,