From fa6652e5514125127d38b334fdabb9152195f70b Mon Sep 17 00:00:00 2001
From: Laura Fuentes Grau <laurafuentesgrau@gmail.com>
Date: Thu, 18 Jun 2020 12:42:08 +0200
Subject: [PATCH] (wip) styling added to the dashboard edit toolbar #227

---
 src/widget/toolbox-item.js   |  4 ++--
 src/widget/widget-toolbox.js | 28 ++++++++++++++--------------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/widget/toolbox-item.js b/src/widget/toolbox-item.js
index 013c4cf..b61bdc4 100644
--- a/src/widget/toolbox-item.js
+++ b/src/widget/toolbox-item.js
@@ -51,7 +51,7 @@ class ToolboxItem extends React.Component {
     if (this.props.disabled === false) {
       return this.props.connectDragSource(
         <div className={itemClass}>
-          <span className="btn btn-default">
+          <span className="btn btn-info ">
             {this.props.icon && <Icon style={{marginRight: '5px'}} icon={this.props.icon} /> }
             {this.props.name}
           </span>
@@ -61,7 +61,7 @@ class ToolboxItem extends React.Component {
     else {
       return (
         <div className={itemClass}>
-          <span className="btn btn-default">
+          <span className="btn btn-info">
             {this.props.icon && <Icon style={{marginRight: '5px'}} icon={this.props.icon} /> }
             {this.props.name}
           </span>
diff --git a/src/widget/widget-toolbox.js b/src/widget/widget-toolbox.js
index 9a4309b..820b02a 100644
--- a/src/widget/widget-toolbox.js
+++ b/src/widget/widget-toolbox.js
@@ -39,20 +39,20 @@ class WidgetToolbox extends React.Component {
     const topologyItemMsg = thereIsTopologyWidget? 'Currently only one is supported' : '';
 
     return <div className='toolbox box-header'>
-      <ToolboxItem name='Lamp' type='widget' />
-      <ToolboxItem name='Value' type='widget' />
-      <ToolboxItem name='Plot' type='widget' />
-      <ToolboxItem name='Table' type='widget' />
-      <ToolboxItem name='Label' type='widget' />
-      <ToolboxItem name='Image' type='widget' />
-      <ToolboxItem name='PlotTable' type='widget' />
-      <ToolboxItem name='Button' type='widget' />
-      <ToolboxItem name='NumberInput' type='widget' />
-      <ToolboxItem name='Slider' type='widget' />
-      <ToolboxItem name='Gauge' type='widget' />
-      <ToolboxItem name='Box' type='widget' />
-      <ToolboxItem name='HTML' type='html' />
-      <ToolboxItem name='Topology' type='widget' disabled={thereIsTopologyWidget} title={topologyItemMsg}/>
+      <ToolboxItem name='Lamp' type='widget' icon = 'plus' />
+      <ToolboxItem name='Value' type='widget' icon = 'plus' />
+      <ToolboxItem name='Plot' type='widget' icon = 'plus'/>
+      <ToolboxItem name='Table' type='widget' icon = 'plus'/>
+      <ToolboxItem name='Label' type='widget' icon = 'plus'/>
+      <ToolboxItem name='Image' type='widget' icon = 'plus'/>
+      <ToolboxItem name='PlotTable' type='widget' icon = 'plus'/>
+      <ToolboxItem name='Button' type='widget' icon = 'plus'/>
+      <ToolboxItem name='NumberInput' type='widget' icon = 'plus'/>
+      <ToolboxItem name='Slider' type='widget' icon = 'plus'/>
+      <ToolboxItem name='Gauge' type='widget' icon = 'plus'/>
+      <ToolboxItem name='Box' type='widget' icon = 'plus'/>
+      <ToolboxItem name='HTML' type='html' icon = 'plus'/>
+      <ToolboxItem name='Topology' type='widget' disabled={thereIsTopologyWidget} title={topologyItemMsg} icon = 'plus'/>
 
       <div className='section-buttons-group-right'>
         <div>