Make the "Expand diff" button wider (refined-github#940)

readme.md

@@ -157,6 +157,7 @@ GitHub Enterprise is also supported. More info in the options.
 - Shows the reactions popover on hover instead of click
 - Changes the default sort order of milestones to "Closest due date"
 - Changes the default sort order of issues/PRs to "Recently updated"
+- [Makes the "Expand diff" button wider](https://user-images.githubusercontent.com/6978877/34470024-eee4f43e-ef20-11e7-9036-65094bd58960.png)
 
 And [lots](source/content.css) [more...](source/content.js)
 

source/content.css

@@ -821,6 +821,15 @@ body > .footer li a {
 	padding: 8px 0 !important;
 }
 
+/* For 'extend-diff-expander' feature */
+.js-expandable-line:hover .diff-expander,
+.js-expandable-line:hover .blob-code {
+	border-color: #0366d6;
+	color: #fff;
+	background: #0366d6;
+	cursor: pointer;
+}
+
 /* Lighten deletions in Markdown */
 .markdown-body del {
 	color: #6a737d;

source/content.js

@@ -54,6 +54,7 @@ import embedGistInline from './features/embed-gist-inline';
 import expandCollapseOutdatedComments from './features/expand-collapse-outdated-comments';
 import addJumpToBottomLink from './features/add-jump-to-bottom-link';
 import addQuickReviewButtons from './features/add-quick-review-buttons';
+import extendDiffExpander from './features/extend-diff-expander';
 import sortIssuesByUpdateTime from './features/sort-issues-by-update-time';
 import shortenLinks from './features/shorten-links';
 
@@ -212,6 +213,7 @@ function ajaxedPagesHandler() {
 
 	if (pageDetect.isPRFiles()) {
 		enableFeature(addQuickReviewButtons);
+		enableFeature(extendDiffExpander);
 	}
 
 	if (pageDetect.isSingleFile()) {

source/features/extend-diff-expander.js

@@ -0,0 +1,13 @@
+import select from 'select-dom';
+import delegate from 'delegate';
+
+function expandDiff(event) {
+	// Skip if the user clicked directly on the icon
+	if (!event.target.closest('.js-expand')) {
+		select('.js-expand', event.delegateTarget).click();
+	}
+}
+
+export default function () {
+	delegate('.diff-view', '.js-expandable-line', 'click', expandDiff);
+}