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,