From eb2cc000c090c352b5d660acc92e237e7c500930 Mon Sep 17 00:00:00 2001
From: Steffen Vogel <post@steffenvogel.de>
Date: Fri, 23 Nov 2018 21:30:54 +0200
Subject: [PATCH] widgets: make buttons fill the full widget dimensions

---
 src/components/widgets/button.js        | 2 +-
 src/components/widgets/custom-action.js | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/widgets/button.js b/src/components/widgets/button.js
index d2293b8..e9c32c2 100644
--- a/src/components/widgets/button.js
+++ b/src/components/widgets/button.js
@@ -58,7 +58,7 @@ class WidgetButton extends Component {
   render() {
     return (
       <div className="button-widget full">
-          <Button active={ this.state.pressed } disabled={ this.props.editing } onMouseDown={ (e) => this.onPress(e) } onMouseUp={ (e) => this.onRelease(e) }>{this.props.widget.name}</Button>
+          <Button className="full" active={ this.state.pressed } disabled={ this.props.editing } onMouseDown={ (e) => this.onPress(e) } onMouseUp={ (e) => this.onRelease(e) }>{this.props.widget.name}</Button>
       </div>
     );
   }
diff --git a/src/components/widgets/custom-action.js b/src/components/widgets/custom-action.js
index 6434694..2e91154 100644
--- a/src/components/widgets/custom-action.js
+++ b/src/components/widgets/custom-action.js
@@ -60,9 +60,11 @@ class WidgetCustomAction extends Component {
   }
 
   render() {
-    const btnStyle = { width: '100%', height: '100%' };
-
-    return <Button disabled={this.state.simulator === null} style={btnStyle} onClick={(e) => this.onClick()}><Icon icon={this.props.widget.icon} /> <span dangerouslySetInnerHTML={{ __html: this.props.widget.name }} /></Button>;
+    return <div className="widget-custom-action full">
+      <Button className="full" disabled={this.state.simulator === null} onClick={(e) => this.onClick()}>
+        <Icon icon={this.props.widget.icon} /> <span dangerouslySetInnerHTML={{ __html: this.props.widget.name }} />
+      </Button>
+    </div>;
   }
 }