From c82df854356a45b9b29bc28967d6512f4531dbf0 Mon Sep 17 00:00:00 2001
From: Simon Egersand <s.egersand@gmail.com>
Date: Fri, 21 Apr 2017 22:18:31 +0200
Subject: [PATCH] Increase click area of arrows for changing day/month/year

---
 src/MonthsView.js |    4 ++--
 src/DaysView.js   |    4 ++--
 src/YearsView.js  |    4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/DaysView.js b/src/DaysView.js
index b47e5b5..8619e01 100644
--- a/src/DaysView.js
+++ b/src/DaysView.js
@@ -18,9 +18,9 @@
 		tableChildren = [
 			DOM.thead({ key: 'th' }, [
 				DOM.tr({ key: 'h' }, [
-					DOM.th({ key: 'p', className: 'rdtPrev' }, DOM.span({ onClick: this.props.subtractTime( 1, 'months' )}, '���' )),
+					DOM.th({ key: 'p', className: 'rdtPrev', onClick: this.props.subtractTime( 1, 'months' )}, DOM.span({}, '���' )),
 					DOM.th({ key: 's', className: 'rdtSwitch', onClick: this.props.showView( 'months' ), colSpan: 5, 'data-value': this.props.viewDate.month() }, locale.months( date ) + ' ' + date.year() ),
-					DOM.th({ key: 'n', className: 'rdtNext' }, DOM.span({ onClick: this.props.addTime( 1, 'months' )}, '���' ))
+					DOM.th({ key: 'n', className: 'rdtNext', onClick: this.props.addTime( 1, 'months' )}, DOM.span({}, '���' ))
 				]),
 				DOM.tr({ key: 'd'}, this.getDaysOfWeek( locale ).map( function( day, index ) { return DOM.th({ key: day + index, className: 'dow'}, day ); }) )
 			]),
diff --git a/src/MonthsView.js b/src/MonthsView.js
index 8373c1c..4b547b9 100644
--- a/src/MonthsView.js
+++ b/src/MonthsView.js
@@ -10,9 +10,9 @@
 	render: function() {
 		return DOM.div({ className: 'rdtMonths' }, [
 			DOM.table({ key: 'a' }, DOM.thead( {}, DOM.tr( {}, [
-				DOM.th({ key: 'prev', className: 'rdtPrev' }, DOM.span({ onClick: this.props.subtractTime( 1, 'years' )}, '���' )),
+				DOM.th({ key: 'prev', className: 'rdtPrev', onClick: this.props.subtractTime( 1, 'years' )}, DOM.span({}, '���' )),
 				DOM.th({ key: 'year', className: 'rdtSwitch', onClick: this.props.showView( 'years' ), colSpan: 2, 'data-value': this.props.viewDate.year() }, this.props.viewDate.year() ),
-				DOM.th({ key: 'next', className: 'rdtNext' }, DOM.span({ onClick: this.props.addTime( 1, 'years' )}, '���' ))
+				DOM.th({ key: 'next', className: 'rdtNext', onClick: this.props.addTime( 1, 'years' )}, DOM.span({}, '���' ))
 			]))),
 			DOM.table({ key: 'months' }, DOM.tbody({ key: 'b' }, this.renderMonths()))
 		]);
diff --git a/src/YearsView.js b/src/YearsView.js
index 5727bfd..5a6c68b 100644
--- a/src/YearsView.js
+++ b/src/YearsView.js
@@ -12,9 +12,9 @@
 
 		return DOM.div({ className: 'rdtYears' }, [
 			DOM.table({ key: 'a' }, DOM.thead({}, DOM.tr({}, [
-				DOM.th({ key: 'prev', className: 'rdtPrev' }, DOM.span({ onClick: this.props.subtractTime( 10, 'years' )}, '���' )),
+				DOM.th({ key: 'prev', className: 'rdtPrev', onClick: this.props.subtractTime( 10, 'years' )}, DOM.span({}, '���' )),
 				DOM.th({ key: 'year', className: 'rdtSwitch', onClick: this.props.showView( 'years' ), colSpan: 2 }, year + '-' + ( year + 9 ) ),
-				DOM.th({ key: 'next', className: 'rdtNext' }, DOM.span({ onClick: this.props.addTime( 10, 'years' )}, '���' ))
+				DOM.th({ key: 'next', className: 'rdtNext', onClick: this.props.addTime( 10, 'years' )}, DOM.span({}, '���' ))
 				]))),
 			DOM.table({ key: 'years' }, DOM.tbody( {}, this.renderYears( year )))
 		]);

--
Gitblit v1.9.3