diff --git a/lib/views/file-patch-view.js b/lib/views/file-patch-view.js
index 818e1b001f..5fac1fdce0 100644
--- a/lib/views/file-patch-view.js
+++ b/lib/views/file-patch-view.js
@@ -67,32 +67,47 @@ export default class FilePatchView {
- {this.props.hunks.map(hunk => {
- const isSelected = selectedHunks.has(hunk);
- let stageButtonSuffix = (hunkSelectionMode || !isSelected) ? ' Hunk' : ' Selection';
- if (selectedHunks.size > 1 && selectedHunks.has(hunk)) {
- stageButtonSuffix += 's';
- }
- const stageButtonLabel = stageButtonLabelPrefix + stageButtonSuffix;
-
- return (
- this.mousedownOnHeader(hunk)}
- mousedownOnLine={this.mousedownOnLine}
- mousemoveOnLine={this.mousemoveOnLine}
- didClickStageButton={() => this.didClickStageButtonForHunk(hunk)}
- registerView={this.props.registerHunkView}
- />
- );
- })}
+
+
+
+
+ {this.props.hunks.map(hunk => {
+ const isSelected = selectedHunks.has(hunk);
+ let stageButtonSuffix = (hunkSelectionMode || !isSelected) ? ' Hunk' : ' Selection';
+ if (selectedHunks.size > 1 && selectedHunks.has(hunk)) {
+ stageButtonSuffix += 's';
+ }
+ const stageButtonLabel = stageButtonLabelPrefix + stageButtonSuffix;
+
+ return (
+ this.mousedownOnHeader(hunk)}
+ mousedownOnLine={this.mousedownOnLine}
+ mousemoveOnLine={this.mousemoveOnLine}
+ didClickStageButton={() => this.didClickStageButtonForHunk(hunk)}
+ registerView={this.props.registerHunkView}
+ />
+ );
+ })}
+
);
}
diff --git a/styles/file-patch-view.less b/styles/file-patch-view.less
index d5ec91f245..66fdfb567a 100644
--- a/styles/file-patch-view.less
+++ b/styles/file-patch-view.less
@@ -1,7 +1,27 @@
@import "variables";
.github-FilePatchView {
+ display: flex;
+ flex-direction: column;
-webkit-user-select: none;
cursor: default;
flex: 1;
+
+ &-header {
+ display: flex;
+ justify-content: space-between;
+ padding: @component-padding/2;
+ padding-left: @component-padding;
+ border-bottom: 1px solid @base-border-color;
+ }
+
+ &-toggle .input-toggle {
+ margin-left: .5em;
+ margin-right: .5em;
+ }
+
+ &-container {
+ flex: 1;
+ overflow-y: auto;
+ }
}
diff --git a/styles/pane-view.less b/styles/pane-view.less
index 4d6fcf648a..4725d0f686 100644
--- a/styles/pane-view.less
+++ b/styles/pane-view.less
@@ -2,7 +2,6 @@
@import "ui-variables";
.github-PaneView {
- overflow-y: auto;
display: flex;
&.is-blank {