From ff25e03daa243687e8f069e30a66da3ce0122ed2 Mon Sep 17 00:00:00 2001
From: EnesAlili <enesalili@Eness-iMac.local>
Date: Fri, 1 Jul 2016 15:47:25 +0100
Subject: [PATCH] Split GitHub editor into 2 columns

---
 app/app/styles/section/github.scss            | 32 +++++++++++++------
 .../components/section/github/type-editor.hbs | 29 +++++++++++------
 2 files changed, 41 insertions(+), 20 deletions(-)

diff --git a/app/app/styles/section/github.scss b/app/app/styles/section/github.scss
index 5e40b77d..3ad6a0d5 100644
--- a/app/app/styles/section/github.scss
+++ b/app/app/styles/section/github.scss
@@ -26,9 +26,31 @@
 	.github-list-checkbox {
 		vertical-align: text-bottom;
 	}
+
+.github-issue-label {
+	font-size: 11px;
+	color: white;
+	padding: 0px 4px;
+	margin-right: 5px;
+	border-radius: 2px;
+	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.12);
+	display: inline-block;
+	line-height: 22px;
+	}
 }
 
 .section-github-render {
+	.github-issue-label {
+		font-size: 11px;
+		color: white;
+		padding: 0px 4px;
+		margin-right: 5px;
+		border-radius: 2px;
+		box-shadow: inset 0 -1px 0 rgba(0,0,0,0.12);
+		display: inline-block;
+		line-height: 22px;
+	}
+	
     .github-board {
         width: 100%;
         white-space: nowrap;
@@ -102,16 +124,6 @@
                             text-overflow: ellipsis;
                             width: 90%;
 
-														.github-issue-label {
-															font-size: 11px;
-															color: white;
-															padding: 0px 4px;
-															margin-right: 5px;
-															border-radius: 2px;
-														  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.12);
-															display: inline-block;
-														}
-
 														.label-name {
 															font-size: 16px;
 															font-family: "open_sanssemibold";
diff --git a/app/app/templates/components/section/github/type-editor.hbs b/app/app/templates/components/section/github/type-editor.hbs
index 7e5cf489..28ac93e7 100644
--- a/app/app/templates/components/section/github/type-editor.hbs
+++ b/app/app/templates/components/section/github/type-editor.hbs
@@ -1,14 +1,10 @@
-
-
-{{#section/base-editor document=document folder=folder page=page busy=busy
-	tip="GitHub is how people build software. (https://github.com)"
-	isDirty=(action 'isDirty') onCancel=(action 'onCancel') onAction=(action 'onAction')}}
+{{#section/base-editor document=document folder=folder page=page busy=busy	tip="GitHub is how people build software. (https://github.com)"	isDirty=(action 'isDirty') onCancel=(action 'onCancel') onAction=(action 'onAction')}}
 
 	<div class="section-github-editor">
 
 	{{#if authenticated}}
 
-		<div class="pull-left width-50">
+		<div class="pull-left width-45">
 			<div class="input-form">
 				<div class="heading">
 					<div class="title">Select Repository</div>
@@ -34,8 +30,22 @@
 						<div class="tip">Select report type</div>
 						{{ui-select id="report-dropdown" content=reports action=(action 'onReportChange') optionValuePath="id" optionLabelPath="name" selection=config.report}}
 					</div>
-					Show items since {{input id="branch-since" value=config.branchSince type="text" }}<br>
-					Number of items to show {{input id="branch-lines" value=config.branchLines type="number" min="1" step="1" max="100" }}<br>
+					<div class="input-control">
+						<label>Show items since</label>
+						{{input id="branch-since" value=config.branchSince type="text" }}
+					</div>
+					<div class="input-control">
+						<label>Number of items to show</label>
+						{{input id="branch-lines" value=config.branchLines type="number" min="1" step="1" max="100" }}
+					</div>
+				{{/if}}
+			</div>
+		</div>
+
+		<div class="pull-left width-10">&nbsp;</div>
+
+		<div class="pull-left width-45">
+			<div class="input-form">
 					{{#if showCommits}}
 						<div class="input-control">
 							<label>Branches</label>
@@ -84,7 +94,6 @@
 							</div>
 						</div>
 					{{/if}}
-				{{/if}}
 			</div>
 		</div>
 
@@ -103,7 +112,7 @@
 		</div>
 
 	{{/if}}
-	
+
 	</div>
 
 {{/section/base-editor}}